Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/haskell/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 剑道UI日期时间选择器-显示从00:30到24:00的30分钟间隔_Javascript_Kendo Ui_Kendo Datetimepicker - Fatal编程技术网

Javascript 剑道UI日期时间选择器-显示从00:30到24:00的30分钟间隔

Javascript 剑道UI日期时间选择器-显示从00:30到24:00的30分钟间隔,javascript,kendo-ui,kendo-datetimepicker,Javascript,Kendo Ui,Kendo Datetimepicker,我正在使用接受用户输入,每天持续30分钟。我明确地指定了30分钟的时间间隔(30是默认值),并且使用format和timeFormat选项指定了24小时的时间格式,如下所示 选择时间下拉列表时,我希望值从00:30开始并转到24:00,而不是从00:00开始并转到23:30的通常行为。虽然使用24:00表示午夜/一天结束在用户界面中并不常见,但这表明我们的需求并非闻所未闻 我在这本书里看得很清楚,但找不到 “官方支持”的方式做到这一点。在我开始深入了解小部件的JavaScript核心时,有什么想

我正在使用接受用户输入,每天持续30分钟。我明确地指定了30分钟的时间间隔(30是默认值),并且使用format和timeFormat选项指定了24小时的时间格式,如下所示

选择时间下拉列表时,我希望值从00:30开始并转到24:00,而不是从00:00开始并转到23:30的通常行为。虽然使用24:00表示午夜/一天结束在用户界面中并不常见,但这表明我们的需求并非闻所未闻

我在这本书里看得很清楚,但找不到 “官方支持”的方式做到这一点。在我开始深入了解小部件的JavaScript核心时,有什么想法可以帮助我吗?我还想知道我是否可以通过使用不同的文化来破解它

为了查看工作示例,我创建了一个示例


这个剑道UI论坛帖子描述了潜在的问题。我的总结是:

  • 剑道UI日期/时间选择器控件与基础
  • 声明日期时间字符串格式基于ISO 8601 扩展格式,包括午夜表示的24:00
  • 一些浏览器支持使用24:00解析字符串格式,但目前不支持全部解析(Chrome 35.0、Safari 7.0)
  • 据我所知,没有浏览器支持在午夜24:00时输出的说明符
在我看来,要使用DateTimePicker解决这个问题,我将在相当低的级别上破解剑道代码。虽然这听起来很有趣,但目前对我的项目来说可能并不合适

在回顾了需求之后,我用一个DatePicker和一个单独的DropDownList替换了DateTimePicker小部件。使用一个单独的下拉列表,我可以绑定到一个非JavaScript日期对象的时间段列表,并且可以显示24:00的文本表示,以指示一天中最后的半小时

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