Question

我已经阅读了很多维修和文档，但是看来我的代码仍然无法正常工作。我已使用引导程序的datetimepicker在4.17.37版上运行。

我尝试了不同的代码，但是没有一个起作用。这些是我想对datetimepicker进行的操作。
（1）有时会禁用。例如，我要禁用5:00 PM到7:00 AM。
（2）禁用或禁用除当前日期以外的以前的日期。例如，今天是7月24日，7月23日及更早的日期应显示为灰色，您无法单击它。

这些是我文件中的代码。

用于声明日期时间选择器，禁用时间范围并以灰色显示以前日期的脚本

<script type='text/javascript'>
// Date & Time Picker JS
$( document ).ready(function() {
    $('#datetimepicker1').datetimepicker();
});

//Disable previous dates
$(function () {
     $('.datetimepicker2').datetimepicker({  
     minDate:new Date(),
     disabledDates: [new Date()]
     });
});

//Set time range for service
$('.datetimepicker2').datetimepicker({disabledTimeIntervals: [[moment({ h: 0 }), moment({ h: 8 })], [moment({ h: 18 }), moment({ h: 24 })]]});


</script>

这是我的HTML代码的样子

<div class='input-group date datetimepicker2' id='datetimepicker1'>
<input type='text' class="form-control" name="appointment" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>

非常感谢您的帮助！

在Bootstrap DateTimePicker中禁用时间间隔和以前的日期不起作用

0 个答案: