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验证脚本了。
比如上述日历控件,如果用户选择的开始日期在结束日期之后,那么系统通常是不允许这样的不合规的表单数据提交到后台,而应该是在前端就校验好。如何用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验证脚本了。
相关文章推荐
- 能实现点击日期把日期赋值给文本框的js日历控件
- js 日历控件日期多选 kalendae.js
- 简洁JS 日历控件 支持日期和月份选择
- 使用js将long类型转化为"yyyy-MM-dd hh:mm:ss"日期格式&jQuery自带日历控件的汉化教程
- js 时间 日期 日历控件
- 使用Easyui的控件后,val()方法获取不到值的解决方法和比较日期大小的js方法
- 简洁JS 日历控件 支持日期和月份选择(转)
- 简洁JS 日历控件 支持日期和月份选择
- 使用WdatePicker.js显示日期选择控件,并进行设置
- 简洁JS 日历控件 支持日期和月份选择
- 简洁JS 日历控件 支持日期和月份选择(转)
- js格式化日期字符串进行时间比较
- 简洁JS 日历控件 支持日期和月份选择
- jQuery日历控件(JS日期拾取器)实用精简
- JS下对日期进行比较
- 利用JS实现Web日历控件(包括日期和时间)
- js里面日期进行比较
- 在.Net下使用Access 的日期类型 及与js的日历控件交互
- 简洁JS 日历控件 支持日期和月份选择(转)
- js做日历控件,类似博客的(动态填写日期)