本文介绍一种基于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日期程序设计的内容能对大家有所帮助。