1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
|
//>>built
define("dojox/mobile/SpinWheelDatePicker", [
"dojo/_base/declare",
"dojo/dom-class",
"dojo/date",
"dojo/date/locale",
"./SpinWheel",
"./SpinWheelSlot"
], function(declare, domClass, ddate, datelocale, SpinWheel, SpinWheelSlot){
/*=====
var SpinWheel = dojox.mobile.SpinWheel;
var SpinWheelSlot = dojox.mobile.SpinWheelSlot;
=====*/
// module:
// dojox/mobile/SpinWheelDatePicker
// summary:
// A SpinWheel-based date picker widget.
//TODO: the api doc parser seems to fail if the 1st arg for declare (=class name) is missing..
var SpinWheelYearSlot = declare(/*===== "dojox.mobile.SpinWheelYearSlot", =====*/ SpinWheelSlot, {
buildRendering: function(){
this.labels = [];
if(this.labelFrom !== this.labelTo){
var dtA = new Date(this.labelFrom, 0, 1);
var i, idx;
for(i = this.labelFrom, idx = 0; i <= this.labelTo; i++, idx++){
dtA.setFullYear(i);
this.labels.push(datelocale.format(dtA, {datePattern:"yyyy", selector:"date"}));
}
}
this.inherited(arguments);
}
});
var SpinWheelMonthSlot = declare(/*===== "dojox.mobile.SpinWheelMonthSlot", =====*/ SpinWheelSlot, {
buildRendering: function(){
this.labels = [];
var dtA = new Date(2000, 0, 1);
var monthStr;
for(var i = 0; i < 12; i++){
dtA.setMonth(i);
monthStr = datelocale.format(dtA, {datePattern:"MMM", selector:"date"});
this.labels.push(monthStr);
}
this.inherited(arguments);
}
});
var SpinWheelDaySlot = declare(/*===== "dojox.mobile.SpinWheelDaySlot", =====*/ SpinWheelSlot, {
});
return declare("dojox.mobile.SpinWheelDatePicker", SpinWheel, {
// summary:
// A SpinWheel-based date picker widget.
// description:
// SpinWheelDatePicker is a date picker widget. It is a subclass of
// dojox.mobile.SpinWheel. It has the year, month, and day slots.
slotClasses: [
SpinWheelYearSlot,
SpinWheelMonthSlot,
SpinWheelDaySlot
],
slotProps: [
{labelFrom:1970, labelTo:2038},
{},
{labelFrom:1, labelTo:31}
],
buildRendering: function(){
this.inherited(arguments);
domClass.add(this.domNode, "mblSpinWheelDatePicker");
this.connect(this.slots[1], "onFlickAnimationEnd", "onMonthSet");
this.connect(this.slots[2], "onFlickAnimationEnd", "onDaySet");
},
reset: function(){
// summary:
// Goes to today.
var slots = this.slots;
var now = new Date();
var monthStr = datelocale.format(now, {datePattern:"MMM", selector:"date"});
this.setValue([now.getFullYear(), monthStr, now.getDate()]);
},
onMonthSet: function(){
// summary:
// A handler called when the month value is changed.
var daysInMonth = this.onDaySet();
var disableValuesTable = {28:[29,30,31], 29:[30,31], 30:[31], 31:[]};
this.slots[2].disableValues(disableValuesTable[daysInMonth]);
},
onDaySet: function(){
// summary:
// A handler called when the day value is changed.
var y = this.slots[0].getValue();
var m = this.slots[1].getValue();
var newMonth = datelocale.parse(y+"/"+m, {datePattern:'yyyy/MMM', selector:'date'});
var daysInMonth = ddate.getDaysInMonth(newMonth);
var d = this.slots[2].getValue();
if(daysInMonth < d){
this.slots[2].setValue(daysInMonth);
}
return daysInMonth;
}
});
});
|
