Login Register

dijit.TimeTextBox not working at minutes/seconds scale

I'm trying to use the dijit.TimeTextBox with the timePattern set to 'mm:ss', but it is just showing a bunch of 00:00s in the drop down (and then If I hover over the blank areas it shows (00:45, 00:30). Does it not work at this "resolution" or am I doing something wrong?

<input id="rest-length" type="text" name="rest-length" value="T00:15"
            dojoType="dijit.form.TimeTextBox"
            constraints="{timePattern:'mm:ss', clickableIncrement:'T00:15', visibleIncrement:'T00:15', visibleRange:'T10:00'}"
            required="true"
            invalidMessage="Invalid time. Use HH:mm:ss where HH is 00 - 23 hours.">

I'm testing with CDN 1.1.

sounds like a bug

probably worth filing a ticket at trac.dojotoolkit.org.

I'm not getting the same

I'm not getting the same behavior in either FireFox or IE. For me it seems to be working. I can see the pull down list showing elements as follows:

15:00
30:00
45:00
00:00
15:00

Although I'm not sure I understand how you're using the widget. Wouldn't you want the full time values to show by using a timePattern of "hh:mm:ss"?

I'm wondering if the behavior in your example might be caused by some CSS properties. Are you over-riding any of the default styles? If so, could you post your CSS?

I was using HH:mm:ss - but

I was using HH:mm:ss - but HH only goes up to 24. I want to us the TimeTextBox to go higher (think countdown timer). I also want to display clickable options in seconds instead of minutes. Basically a clickable option ever 15 seconds instead of 15 min.