Question

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

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

如果我使用下面的java脚本，它适用于输入类型＆＃34;日期＆＃34;但不适用于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/

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

1 个答案: