Jquery Datetimepicker禁用日期

Jquery Datetimepicker disable dates

本文关键字：日期 Datetimepicker Jquery      更新时间：2023-09-26

我使用jquery日期时间选择器来使用获取日期和时间

$(document).ready(function() {
    $('#pickup_date').datetimepicker({
        controlType: 'select',
        timeFormat: 'hh:mm tt'           
});

但我只需要启用从当前日期起的3周。如何解决这个问题。提前等待

<script>
function DisableWeekDays(date) {
 var weekenddate = $.datepicker.noWeekends(date);
// In order to disable weekdays, we will invert the value returned by noWeekends functions.
// noWeekends return an array with the first element being true/false.. So we will invert the first element
 var disableweek = [!weekenddate[0]]; 
 return disableweek;
}
 $(function() {
 $( "#datepicker" ).datetimepicker({
 beforeShowDay: DisableWeekDays
 });
 });
 </script>

$('yourSelectorForDateTimePicker').datetimepicker({
  formatDate:'Y/m/d',
  minDate:0, //Today You can also '+1970/01/21' or '-1970/01/21' both ended up meaning -0 or +0
  maxDate:'+1970/01/21' //3*7 days from today.
});

使用minDate和maxDate

0表示作为Unix时间的开始时间的1970/01/01。您可以加上/减去字符串日期来设置可选择日期的范围。

案例你想把范围设置为昨天到明天，它将是

$('yourSelectorForDateTimePicker').datetimepicker({
  formatDate:'Y/m/d',
  minDate:'-1970/01/02', //Yesterday(plus one day from the 0 '1970/01/01')
  maxDate:'+1970/01/02' //Tomorrow(minus one day from the 0 '1970/01/01')
});

http://xdsoft.net/jqplugins/datetimepicker/

上面的答案很好，但如果您想动态设置日期（基于当前日期）。

    $(function () {
        var currentDate = new Date();
        var date = currentDate.toDateString();
        $("#datetimepicker1").val(new Date() + " 00:01:00");
        $('#datetimepicker1').datetimepicker({
            format: 'DD/MM/YYYY',
            minDate: date
        });
    });
  1. 将当前日期获取到变量中
  2. 将日期转换为字符串
  3. 将字符串传递给minDate

或

        $(function () {
        $("#datetimepicker1").val(new Date() + " 00:01:00");
        $('#datetimepicker1').datetimepicker({
            format: 'DD/MM/YYYY',
            minDate: moment()
        });
    });

使用JSMoment和传递力矩。

相关文章：