javascript - Kendo UI DateTimePicker - 从 00:30 到 24:00 显示 30 分钟的间隔

Question

我正在使用Kendo UI DateTimePicker接受用户输入一天 30 分钟。我明确指定了 30 分钟的时间间隔（无论如何默认为 30），并且我正在使用 format 和 timeFormat 选项来指定 24 小时时间格式，如下所示。

选择时间下拉列表时，我希望这些值从 00:30 开始到24:00，而不是从 00:00 开始到 23:30 的通常行为。尽管在用户界面中使用 24:00 表示午夜/一天的结束并不常见，但Wikipedia 关于 24 小时制的文章表明我们的要求并非闻所未闻。

我已经很好地浏览了DateTimePicker API 文档，但我找不到任何 “官方支持”的方法来做到这一点。当我开始深入研究小部件的 JavaScript 内容时，有什么想法可以帮助我吗？我还想知道我是否可以通过使用不同的文化来破解它？

要查看一个工作示例，我创建了一个示例JSFiddle

$("#periodInput").kendoDateTimePicker({
    format: "dd/MM/yyyy HH:mm",
    timeFormat: "HH:mm",
    interval: 30
});

score 1 · Accepted Answer

此 Kendo UI 论坛发布“TimePicker 不符合 IS0 8601 3.5.2 on Time of Day午夜表示”描述了潜在问题。我的尝试总结是：

在我看来，要使用 DateTimePicker 解决这个问题，我会在相当低的水平上破解 Kendo 代码。虽然这听起来很有趣，但目前可能不适合我的项目。

在查看需求后，我将 DateTimePicker 小部件替换为 DatePicker 和单独的 DropDownList。使用单独的 DropDownList 允许我绑定到不是 JavaScript Date 对象的时间段列表，并且我可以显示 24:00 的文本表示来指示一天中的最后半小时。

1 回答 1