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验证脚本了。
标签:
上一篇:
npm install node-sass 报错问题的解决方案
下一篇:
相关文章
-
无相关信息