如何在 Bootstrap datetimepicker 中禁用某些分钟？

Question

我正在为我的作业创建一个网页，营业时间是从下午 2 点到晚上 10 点 30 分。 我设法使用 enabledHours 来启用要选择的时间，但我不知道如何禁用从晚上 10.31 开始（晚上 10.31 - 晚上 10.59）的时间。 我可以知道实现这一目标的方法是什么吗？

 $(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>

Answer 1

你可以试试..

disabledTimeIntervals: [[moment({ h: 0 }), moment({ h: 8 })], [moment({ h: 18 }), moment({ h: 24 })]]

我希望它对您的问题有所帮助... 更多详细信息Approch 本网站参考网站

如何在 Bootstrap datetimepicker 中禁用某些分钟？

问题描述

1 个解决方案

解决方案1
0 2020-04-20 08:12:15

如何在 Bootstrap datetimepicker 中禁用某些分钟？

问题描述

1 个解决方案

解决方案1 0 2020-04-20 08:12:15

解决方案1
0 2020-04-20 08:12:15