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

Question

我正在使用 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>

Answer 1

您应该使用

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,
});