我正在使用此datepicker和此timepicker。我想开发JS代码来确定用户是否在datepicker上选择了当前日期,如果是这样,这将触发时间戳的一个函数,该函数将禁用实际时间之前的所有时间。我是JavaScript新手,所以到目前为止我还没有。
HTML:
<input id="datemax" placeholder="Enter the date of incident" type="text"/>
<input id="timemax" placeholder="Enter the time of incident" type="text"/>
我已经编写了在此实际时间之前禁用过去时间的代码,无论选择哪个日期都可以保持不变:
function getCurrentTime(date) {
var hours = date.getHours();
var minutes = date.getMinutes();
var ampm = hours >= 12 ? 'pm' : 'am';
hours = hours % 12;
hours = hours ? hours : 12;
minutes = minutes < 10 ? '0'+minutes : minutes;
return hours + ':' + minutes + ' ' + ampm;
}
var timesAvailable = {
'timeFormat': 'h:i A',
'disableTimeRanges': [['12am', getCurrentTime(new Date())]]
};
$('#timemax').timepicker(timesAvailable);
我想知道在我的表单中实现所述JS函数需要什么。我假设需要开发第二个函数,并且需要使用var datemax = document.getElementById("datemax").value;
来调用日期字段中的值。
我在这里开发了一些不完整的伪代码:
function datetimeSelect{
var currentDate = new Date()
var datemax = document.getElementById("datemax").value;
if (datemax = currentDate){
//activate
"function(getCurrentTime(date))" //Can't select any time before now, greyed out
return false;
}
else (datemax does not equal to currentDate)
{
any time can be selected
return true;
{
因此,例如,如果选择了今天不是今天的日期,时间戳将返回其默认功能而没有任何灰色时间。