日期验证,如何使用当前日期验证输入的日期
Date Validation, How to validate entered date with current date
所以我希望我的日期选择器得到验证,如果用户选择的日期超过当前日期,则为用户提供一个错误脚本。换句话说,他们只能输入尚未发生的日期。这是我的脚本:
<script type="text/javascript">
function checkForm(form)
{
var from_hour = document.getElementById('from_hour').value;
var from_minute = document.getElementById('from_minute').value;
var to_hour = document.getElementById('to_hour').value;
var to_minute = document.getElementById('to_minute').value;
if (from_hour > to_hour) {
alert('"From: H:"field cannot be larger than "To: H:" field');
return false;
} else if (from_hour === to_hour) {
if (from_minute > to_minute) {
alert('"From: M:"field cannot be larger than "To: M:" field');
return false;
}
}
}
</script>
<legend>Time Log</legend>
<form name="form" method="post" action="" onsubmit="return checkForm(this)" >
<table>
<tr>
<td>Date:</td>
<td><input type="text" required name="date" id="date" /></td>
<script>
$('#date').datepicker({dateFormat: "dd/mm/yy"});</script>
</td> </tr>
如果您想禁用过去日期和当前日期,您可以使用以下语句-
$('#date').datepicker({minDate:1,dateFormat: "dd/mm/yy"});
以上语句将允许用户仅选择未来的日期
所以我希望我的日期选择器得到验证,如果用户选择的日期超过当前日期,则为用户提供一个错误脚本。换句话说,他们只能输入尚未发生的日期。这是我的脚本:
<script type="text/javascript">
function checkForm(form)
{
var from_hour = document.getElementById('from_hour').value;
var from_minute = document.getElementById('from_minute').value;
var to_hour = document.getElementById('to_hour').value;
var to_minute = document.getElementById('to_minute').value;
if (from_hour > to_hour) {
alert('"From: H:"field cannot be larger than "To: H:" field');
return false;
} else if (from_hour === to_hour) {
if (from_minute > to_minute) {
alert('"From: M:"field cannot be larger than "To: M:" field');
return false;
}
}
}
</script>
<legend>Time Log</legend>
<form name="form" method="post" action="" onsubmit="return checkForm(this)" >
<table>
<tr>
<td>Date:</td>
<td><input type="text" required name="date" id="date" /></td>
<script>
$('#date').datepicker({dateFormat: "dd/mm/yy"});</script>
</td> </tr>
如果您想禁用过去日期和当前日期,您可以使用以下语句-
$('#date').datepicker({minDate:1,dateFormat: "dd/mm/yy"});
以上语句将允许用户仅选择未来的日期