我正在为我的任务创建一个网页,营业时间是从2.00pm到10.30pm。我设法使用enabledHours启用了小时数,但是我不知道如何禁用从10.31pm开始(10.31pm-10.59pm)的时间。我可以知道实现此目标的方法吗?
$(function () {
$('#datetimepicker1').datetimepicker({
defaultDate: moment(),
maxDate: moment(),
ignoreReadonly: true,
enabledHours: [14,15,16,17,18,19,20,21,22],
format: 'DD-MM-YYYY HH:mm A'
})
});
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/momentjs/2.14.1/moment.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
</head>
<body>
<div class="form-group" style="margin-left: 15px; margin-bottom: 20px;">
Date and Time Visited <span style="color: red;"> * </span>
<div class="input-group date" id="datetimepicker1">
<input type="text" class="form-control" required readonly>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</body>
您可以尝试..
disabledTimeIntervals: [[moment({ h: 0 }), moment({ h: 8 })], [moment({ h: 18 }), moment({ h: 24 })]]
我希望它对您的问题有帮助...详细信息访问此网站Refernece Website