dojox.mobile.SpinWheelTimePicker

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

Contents

• dojox.mobile.SpinWheelTimePicker
  • Introduction
  • Constructor Parameters
  • Examples

Introduction

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

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"
]);

require([ "dojox/mobile/parser", "dojox/mobile/SpinWheelTimePicker" ]);

<div id="spin1" data-dojo-type="dojox.mobile.SpinWheelTimePicker"></div>

<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();
    });
});

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

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.

Table of Contents

• dojox.mobile.SpinWheelTimePicker
  • Introduction
  • Constructor Parameters
  • Examples
    • Declarative example
    • Programmatic example
    • Setting the time