作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有 fromdate 和 todate 如果用户输入起始日期和截止日期,我希望它们之间的间隔不应该超过 20 天。即,如果用户从 date='30/08/2018' 到 date='26/09/2018' 输入,这里的间隔超过 20 天,所以我想使用 jquery 显示警报。下面是我的代码
var today = new Date(new Date().getFullYear(), new Date().getMonth(),new Date().getDate());
$('#startdate').datepicker({
uiLibrary : 'bootstrap4',
iconsLibrary : 'fontawesome',
format : 'dd/mm/yyyy',
maxDate : function() {
return $('#enddate').val();
}
});
$('#enddate').datepicker({
uiLibrary : 'bootstrap4',
iconsLibrary : 'fontawesome',
format : 'dd/mm/yyyy',
minDate : function() {
return $('#startdate').val();
}
});
最佳答案
处理两个输入中的 onchanged 事件,并创建一个函数“checkDates()”,该函数将比较两个日期,如果差异超过 20 天,则创建 alert()。请参见下面的示例代码
<input id="startdate" onchanged="checkDate()"/>
<input id="enddate" onchanged="checkDate()"/>
<script>
function checkDate(){
var start = $('#startdate').val();
var end = $('#enddate').val();
//convert strings to date for comparing
var startDate = new Date(start);
var endDate = new Date(end);
// Calculate the day diffrence
var oneDay = 24 * 60 * 60 * 1000; // hours*minutes*seconds*milliseconds
var diffDays = Math.abs((endDate.getTime() - startDate.getTime()) / (oneDay));
if(diffDays > 20){
alert("Days are more then twenty");
}
}
</script>
如果有效请告诉我。
关于javascript - 日期天数间隔不应超过 20 天,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52576066/
我是一名优秀的程序员,十分优秀!