900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > JS获得日历控件的值并进行日期的比较

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

时间:2023-12-13 03:14:17

相关推荐

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。