我有一个html表单,它允许一个出租车预订,但它不应该允许预订回到时间!所以时间必须是当前的或者是将来的。
这是表格,我用的是日期时间-本地的。
/* Here is the JavaScript validation for the datetime-local. */
var dateTime = document.getElementById("dateTime").value;
if (dateTime == "" || dateTime == null) {
booking.dateTime.focus();
document.getElementById("dateMessage").innerHTML = "Please select a date AND time, thankyou.";
return valid = false;
} else {
document.getElementById("destinationMessage").innerHTML = "";
}<div id="firstNameMessage" class="red"></div><span class="red">*</span>First Name:<input type="text" name="firstName" id="firstName"><br><div id="lastNameMessage" class="red"></div><span class="red">*</span>Last Name:<input type="text" name="lastName" id="lastName"><br><div id="numberMessage" class="red"></div><span class="red">*</span>Contact Number:<input type="text" name="number" id="number"><br><div id="unitMessage" class="red"></div>Unit Number(optional):<input type="text" name="unit" id="unit"><br><div id="streetNumberMessage" class="red"></div><span class="red">*</span>Street Number:<input type="text" name="streetNumber" id="streetNumber"><br><div id="streetNameMessage" class="red"></div><span class="red">*</span>Street Name:<input type="text" name="streetName" id="streetName"><br><div id="pickupMessage" class="red"></div><span class="red">*</span>Suburb:<input type="text" name="pickupSuburb" id="pickupSuburb"><br><div id="destinationMessage" class="red"></div>Destination Suburb<span class="red">*</span>:<input type="text" name="destinationSuburb" id="destinationSuburb"><br><div id="dateMessage" class="red"></div>Pick-Up Date and Time<span class="red">*</span>:<input type="datetime-local" name="dateTime" id="dateTime"><br><br><input type="button" value="Submit" onclick="getData('bookingprocess.php','message', firstName.value, lastName.value, number.value, unit.value, streetNumber.value, streetName.value, pickupSuburb.value, destinationSuburb.value, dateTime.value)" /><input type="reset" value="Reset">
我怎样才能检查它是现在的时间还是将来的时间?(基本上禁用过去的条目)。
发布于 2016-06-12 05:13:26
您可以通过>和<来比较日期。不过,请确保同一时区中的日期。
var dateTimeStr = document.getElementById("dateTime").value;
var dateTime = convertDateToUTC(new Date(dateTimeStr));
var now = new Date();
if (isNaN(date.getTime()) || date <= now) {
booking.dateTime.focus();
document.getElementById("dateMessage").innerHTML = "Please select a date AND time in the future, thankyou.";
return valid = false;
} else {
document.getElementById("destinationMessage").innerHTML = "";
}
function convertDateToUTC(date) {
return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());
}发布于 2016-06-12 04:09:35
您应该使用jquery或引导日历。在这种情况下,它是理想的。用户也很容易以这种方式获取日期。
您在这样的日历中有所有的配置选项,例如分配区域性、日期格式、mindate、maxdate等。
此外,请记住从服务器中选择日期,并在javascript中将其设置为mindate,因为日期时间在客户端计算机上可能出错。
https://stackoverflow.com/questions/37770486
复制相似问题