格式化Dojo dijit / form / TimeTextBox下拉列表

时间:2014-11-10 18:46:04

标签: javascript datetime dojo format

我在Dojo中有一个TimeTextBox - 它目前看起来像这样:

enter image description here

但是,我希望它看起来像这样(强调时间 - 但是增加10分钟而不是15分钟): enter image description here

最简单的方法是什么?目前,我有这些道具集:

<input id="${ns}atdExamStartTime" type="text" name="examStartTime" data-dojo-type="dijit/form/TimeTextBox"
style="width:8em;" required="true"
data-dojo-props="promptMessage:'Enter the start time for the exam', 
    invalidMessage:'This is not a valid time',
    rangeMessage:'Exams must be scheduled between 8am and 10pm',
    constraints:{min:'T08:00',max:'T21:59',clickableIncrement:'T00:10:00',visibleIncrement:'T00:10:00'}" />    

提前致谢!

1 个答案:

答案 0 :(得分:1)

我知道这个答案有点晚了,但我希望它能以某种方式帮助某些人。看起来你的代码至少应该对我有用。这是一个工作的JS Fiddle,显示10分钟增量,如你所愿:

dijit.form.TimeTextBox({
    type:"text",
    name:"timePicker",
    constraints:{
        formatLength:"short",
        pickerMin:"T08:00:00",
        pickerMax:"T22:00:00",
        clickableIncrement:"T00:10:00"
    }
});

在此处试试:http://jsfiddle.net/skyWB/104/