素材巴巴 > 程序开发 >

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

程序开发 2023-09-21 14:45:34


     我们在前端编辑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验证脚本了。



标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。