dojox.mobile.SpinWheelTimePicker

Authors: Yoshiroh Kamiyama
Developers:Yoshiroh Kamiyama
since:V1.7

Introduction

SpinWheelTimePicker is a time picker widget. It is a subclass of dojox.mobile.SpinWheel. It has the hour and minute slots.

SpinWheelTimePicker.png

Constructor Parameters

Parameter Type Default Description
values Array null The initial value to be displayed. The value should be an array of strings. (ex. ["22","06"])

Examples

Declarative example

require([
    "dojox/mobile/parser",
    "dojox/mobile/SpinWheelTimePicker"
]);
<div id="spin1" data-dojo-type="dojox.mobile.SpinWheelTimePicker"></div>

Programmatic example

require([
    "dojo/_base/window",
    "dojo/ready",
    "dojox/mobile/SpinWheelTimePicker",
    "dojox/mobile/parser"
], function(win, ready, registry, SpinWheelTimePicker){
    ready(function(){
      var widget = new SpinWheelTimePicker({id:"spin1"});
      win.body().appendChild(widget.domNode);
      widget.startup();
    });
});

Setting the time

registry.byId("spin1").set("values", ["2", "06"]); // 2:06

Note that values should be specified with an array of strings. In the above example, [2, 6] does not match, because minute has zero padding by default.