You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
127 lines
3.7 KiB
127 lines
3.7 KiB
7 years ago
|
/**
|
||
|
|
* Created by GUY on 2015/9/7.
|
||
|
|
* @class BI.DatePicker
|
||
|
|
* @extends BI.Widget
|
||
|
|
*/
|
||
|
|
BI.DatePicker = BI.inherit(BI.Widget, {
|
||
|
|
_defaultConfig: function () {
|
||
|
|
var conf = BI.DatePicker.superclass._defaultConfig.apply(this, arguments);
|
||
|
|
return BI.extend(conf, {
|
||
|
|
baseCls: "bi-date-picker",
|
||
|
|
height: 25,
|
||
|
|
min: '1900-01-01', //最小日期
|
||
|
|
max: '2099-12-31' //最大日期
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
_init: function () {
|
||
|
|
BI.DatePicker.superclass._init.apply(this, arguments);
|
||
|
|
var self = this, o = this.options;
|
||
|
|
this._year = new Date().getFullYear();
|
||
|
|
this._month = new Date().getMonth();
|
||
|
|
this.left = BI.createWidget({
|
||
|
|
type: "bi.icon_button",
|
||
|
|
cls: "pre-page-h-font",
|
||
|
|
width: 25,
|
||
|
|
height: 25
|
||
|
|
});
|
||
|
|
this.left.on(BI.IconButton.EVENT_CHANGE, function () {
|
||
|
|
if (self._month === 0) {
|
||
|
|
self.setValue({
|
||
|
|
year: self.year.getValue() - 1,
|
||
|
|
month: 11
|
||
|
|
})
|
||
|
|
} else {
|
||
|
|
self.setValue({
|
||
|
|
year: self.year.getValue(),
|
||
|
|
month: self.month.getValue() - 1
|
||
|
|
})
|
||
|
|
}
|
||
|
|
self.fireEvent(BI.DatePicker.EVENT_CHANGE);
|
||
|
|
});
|
||
|
|
|
||
|
|
this.right = BI.createWidget({
|
||
|
|
type: "bi.icon_button",
|
||
|
|
cls: "next-page-h-font",
|
||
|
|
width: 25,
|
||
|
|
height: 25
|
||
|
|
});
|
||
|
|
|
||
|
|
this.right.on(BI.IconButton.EVENT_CHANGE, function () {
|
||
|
|
if (self._month === 11) {
|
||
|
|
self.setValue({
|
||
|
|
year: self.year.getValue() + 1,
|
||
|
|
month: 0
|
||
|
|
})
|
||
|
|
} else {
|
||
|
|
self.setValue({
|
||
|
|
year: self.year.getValue(),
|
||
|
|
month: self.month.getValue() + 1
|
||
|
|
})
|
||
|
|
}
|
||
|
|
self.fireEvent(BI.DatePicker.EVENT_CHANGE);
|
||
|
|
});
|
||
|
|
|
||
|
|
this.year = BI.createWidget({
|
||
|
|
type: "bi.year_date_combo",
|
||
|
|
min: o.min,
|
||
|
|
max: o.max
|
||
|
|
});
|
||
|
|
this.year.on(BI.YearDateCombo.EVENT_CHANGE, function () {
|
||
|
|
self.setValue({
|
||
|
|
year: self.year.getValue(),
|
||
|
|
month: self.month.getValue()
|
||
|
|
});
|
||
|
|
self.fireEvent(BI.DatePicker.EVENT_CHANGE);
|
||
|
|
})
|
||
|
|
this.month = BI.createWidget({
|
||
|
|
type: "bi.month_date_combo"
|
||
|
|
});
|
||
|
|
this.month.on(BI.MonthDateCombo.EVENT_CHANGE, function () {
|
||
|
|
self.setValue({
|
||
|
|
year: self.year.getValue(),
|
||
|
|
month: self.month.getValue()
|
||
|
|
});
|
||
|
|
self.fireEvent(BI.DatePicker.EVENT_CHANGE);
|
||
|
|
});
|
||
|
|
|
||
|
|
BI.createWidget({
|
||
|
|
type: "bi.htape",
|
||
|
|
element: this.element,
|
||
|
|
items: [{
|
||
|
|
el: this.left,
|
||
|
|
width: 25
|
||
|
|
}, {
|
||
|
|
type: "bi.center_adapt",
|
||
|
|
items: [{
|
||
|
|
type: "bi.horizontal",
|
||
|
|
width: 100,
|
||
|
|
items: [this.year, this.month]
|
||
|
|
}]
|
||
|
|
}, {
|
||
|
|
el: this.right,
|
||
|
|
width: 25
|
||
|
|
}]
|
||
|
|
})
|
||
|
|
this.setValue({
|
||
|
|
year: this._year,
|
||
|
|
month: this._month
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
setValue: function (ob) {
|
||
|
|
this._year = ob.year;
|
||
|
|
this._month = ob.month;
|
||
|
|
this.year.setValue(ob.year);
|
||
|
|
this.month.setValue(ob.month);
|
||
|
|
},
|
||
|
|
|
||
|
|
getValue: function () {
|
||
|
|
return {
|
||
|
|
year: this.year.getValue(),
|
||
|
|
month: this.month.getValue()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
BI.DatePicker.EVENT_CHANGE = "EVENT_CHANGE"
|
||
|
|
$.shortcut("bi.date_picker", BI.DatePicker);
|