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验证脚本了。


  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

景天

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值