::jQuery KendoDateTimePicker::默认时间=当前时间+ 10分钟

relj7zay  于 2023-10-17  发布在  jQuery
关注(0)|答案(1)|浏览(146)

我正在使用KendoDateTimePicker。

我们需要限制用户不选择过去的时间。

例如:如果当前时间是下午2点,时间字段应该从下午2:10开始
jsFiddle

$("#datetimepicker").kendoDateTimePicker({
  value: '',
  min: new Date(),
  format: "dd MMM, yyyy hh:mm tt",
  timeFormat: "hh:mm tt",
  interval: 10,
});
.wrapper {width:300px;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2023.2.829/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.7.0/default/default-ocean-blue.css">

<div class="wrapper">
  <input type="text" id="datetimepicker" />
</div>
hlswsv35

hlswsv351#

您应该使用startTime字段而不是min字段,后者用于设置日期选择器的最小日期。您可以将最小时间选择设置为now + 10分钟,如下所示:

const startTime = new Date();
startTime.setMinutes(startTime.getMinutes() + 10); // or const startTime = new Date(Date.now() + 10 * 60 * 1000)
$("#datetimepicker").kendoDateTimePicker({
    value: '',
    startTime: startTime,
    format: "dd MMM, yyyy hh:mm tt",
    timeFormat: "hh:mm tt",
    interval: 10,
});

相关问题