您的位置:首页 > Web前端 > JavaScript

JS获得日历控件的值并进行日期的比较

2017-04-18 09:20 239 查看
     我们在前端编辑JSP页面或HTML页面时,常会遇到日历控件,获得日历控件中的值,并且进行两个或者多个日历控件值的比较,这些通常使用JS来实现的。



比如上述日历控件,如果用户选择的开始日期在结束日期之后,那么系统通常是不允许这样的不合规的表单数据提交到后台,而应该是在前端就校验好。如何用JS获得控件的值再进行比较,我们参考一下如下代码:

//检验活动结束日期不能早于活动开始日期
var startdate = $("#startDate").val();
var enddate = $("#endDate").val();
startdate=Date.parse(new Date(startdate.replace(/-/g, "/")));
enddate=Date.parse(new Date(enddate.replace(/-/g, "/")));
var millTime=enddate-startdate; //时间差的毫秒数
if(millTime < 0){
alert("活动结束日期不能早于活动开始日期!");
return ;
}

获得日历控件的值,这里使用的是JQuery来获值的,然后把值转成JS中的日历类型,以方便比较,然后通过计算差值,算出毫秒数。A-B<0说明 A的日期在B之后,那么可以根据实际业务的需求,编写出合乎要求的前端JS验证脚本了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: