JavaScript实现日期验证:确保输入日期不小于当前时间
作者:木棉时间:2026-10-29 18:46:48浏览:651
本文介绍一种基于JavaScript和jQuery的日期验证方案,用于限制用户输入的动工日期和结束日期必须大于或等于当前系统时间。通过监听输入框的change事件,自动获取当前日期并与用户输入值进行比对,若输入日期早于今天则弹出提示并重置为当前日期,从而保证业务逻辑中日期选择的合法性。
JavaScript日期验证实现
本文通过一个具体的JavaScript示例,详细解析如何验证用户输入的日期是否大于或等于当前系统日期。该方案旨在为开发者提供实用的前端校验逻辑,供参考与借鉴。
<script>
$(function () {
var d = new Date();
var strDate = getDateStr(d);
$("#beginTime").val(strDate);
$("#endTime").val(strDate);
//$("#beginTime").val("2015-10-10");
$("#beginTime").change(function () {
var d2 = new Date($("#beginTime").val());
if (d2 < d) {
alert("填写的动工日期必须大于当前日期.");
$("#beginTime").val(strDate);
}
});
$("#endTime").change(function () {
var d2 = new Date($("#beginTime").val());
var d3 = new Date($("#endTime").val());
if (d3< d2) {
alert("填写的完工日期不能小于动工日期.");
$("#endTime").val(getDateStr(d2));
}
});
});
function getDateStr(date) {
var month = date.getMonth() + 1;
var strDate = date.getFullYear() + '-' + month + '-' + date.getDate();
return strDate;
}
</script>
希望上述关于JavaScript日期程序设计的内容能对大家有所帮助。
作者最新文章
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
D3.js 与 ECharts 选型对比:灵活性 vs 开发效率
2026-11-05 09:45:01
为什么JS中typeof []返回object:数组类型检测误区解析
2026-11-04 19:50:47
