如何禁用直到当前日期的日期？对于输入类型 Datetime-local

Question

我正在使用模态来提醒任务的日期。必须禁用当前日期和前几天，以便用户可以选择从第二天开始的取件日期，以便用他指定的任务标记提醒。

为此，我使用输入类型： <input type="datetime-local" class="form-control" autocomplete="off" id="actionreminderdate" />

如果我使用下面的 java 脚本，它适用于输入类型“Date”，但不适用于 Datetime-local。

$(function(){
    var dtToday = new Date();    
    var month = dtToday.getMonth() + 1;
    var day = dtToday.getDate();
    var year = dtToday.getFullYear();
    if(month < 10)
       month = '0' + month.toString();
    if(day < 10)
       day = '0' + day.toString();

     var maxDate = year + '-' + month + '-' + day;
     /*alert(maxDate);*/
     $('#actionreminderdate').attr('min', maxDate);
});

你能帮我吗？

Answer 1

您可以在输入字段上设置最小值和最大值：

<input type="datetime-local" id="dateInput">

$(document).ready(function(){
    elem = document.getElementById("dateInput")
    var iso = new Date().toISOString();
    var minDate = iso.substring(0,iso.length-1);
    elem.value = minDate
    elem.min = minDate
});

以可识别的 ISO 格式获取当前时间（您必须从末尾修剪区域数据，这很烦人），然后将其设置为输入值和输入最小值。

https://jsfiddle.net/w8qgj543/24/