forked from fanruan/fineui
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.
265 lines
11 KiB
265 lines
11 KiB
8 years ago
|
BI.DateTrigger = BI.inherit(BI.Trigger, {
|
||
|
_const: {
|
||
|
hgap: 4,
|
||
|
vgap: 2,
|
||
|
triggerWidth: 30,
|
||
|
watermark: BI.i18nText("BI-Unrestricted"),
|
||
|
yearLength: 4,
|
||
|
yearMonthLength: 7
|
||
|
},
|
||
|
|
||
|
_defaultConfig: function () {
|
||
|
return BI.extend(BI.DateTrigger.superclass._defaultConfig.apply(this, arguments), {
|
||
|
extraCls: "bi-date-trigger",
|
||
|
min: '1900-01-01', //最小日期
|
||
|
max: '2099-12-31', //最大日期
|
||
|
height: 25
|
||
|
});
|
||
|
},
|
||
|
_init: function () {
|
||
|
BI.DateTrigger.superclass._init.apply(this, arguments);
|
||
|
var self = this, o = this.options, c = this._const;
|
||
|
this.editor = BI.createWidget({
|
||
|
type: "bi.sign_editor",
|
||
|
height: o.height,
|
||
|
validationChecker: function (v) {
|
||
|
var date = v.match(/\d+/g);
|
||
|
self._autoAppend(v, date);
|
||
|
return self._dateCheck(v) && Date.checkLegal(v) && self._checkVoid({
|
||
|
year: date[0],
|
||
|
month: date[1],
|
||
|
day: date[2]
|
||
|
});
|
||
|
},
|
||
|
quitChecker: function () {
|
||
|
return false;
|
||
|
},
|
||
|
hgap: c.hgap,
|
||
|
vgap: c.vgap,
|
||
|
allowBlank: true,
|
||
|
watermark: c.watermark,
|
||
|
errorText: function () {
|
||
|
if (self.editor.isEditing()) {
|
||
|
return BI.i18nText("BI-Date_Trigger_Error_Text");
|
||
|
}
|
||
|
return BI.i18nText("BI-Year_Trigger_Invalid_Text");
|
||
|
}
|
||
|
});
|
||
|
this.editor.on(BI.SignEditor.EVENT_KEY_DOWN, function () {
|
||
|
self.fireEvent(BI.DateTrigger.EVENT_KEY_DOWN)
|
||
|
});
|
||
|
this.editor.on(BI.SignEditor.EVENT_FOCUS, function () {
|
||
|
self.fireEvent(BI.DateTrigger.EVENT_FOCUS);
|
||
|
});
|
||
|
this.editor.on(BI.SignEditor.EVENT_VALID, function () {
|
||
|
self.fireEvent(BI.DateTrigger.EVENT_VALID);
|
||
|
});
|
||
|
this.editor.on(BI.SignEditor.EVENT_ERROR, function () {
|
||
|
self.fireEvent(BI.DateTrigger.EVENT_ERROR);
|
||
|
});
|
||
|
this.editor.on(BI.SignEditor.EVENT_CONFIRM, function () {
|
||
|
var value = self.editor.getState();
|
||
|
if (BI.isNotNull(value)) {
|
||
|
self.editor.setState(value);
|
||
|
}
|
||
|
|
||
|
if (BI.isNotEmptyString(value)) {
|
||
|
var date = value.split("-");
|
||
|
self.store_value = {
|
||
|
type: BICst.MULTI_DATE_CALENDAR,
|
||
|
value:{
|
||
|
year: date[0] | 0,
|
||
|
month: date[1] - 1,
|
||
|
day: date[2] | 0
|
||
|
}
|
||
|
};
|
||
|
}
|
||
|
self.fireEvent(BI.DateTrigger.EVENT_CONFIRM);
|
||
|
});
|
||
|
this.editor.on(BI.SignEditor.EVENT_SPACE, function () {
|
||
|
if (self.editor.isValid()) {
|
||
|
self.editor.blur();
|
||
|
}
|
||
|
});
|
||
|
this.editor.on(BI.SignEditor.EVENT_START, function () {
|
||
|
self.fireEvent(BI.DateTrigger.EVENT_START);
|
||
|
});
|
||
|
this.editor.on(BI.SignEditor.EVENT_CHANGE, function () {
|
||
|
self.fireEvent(BI.DateTrigger.EVENT_CHANGE);
|
||
|
});
|
||
|
BI.createWidget({
|
||
|
type: "bi.htape",
|
||
|
element: this.element,
|
||
|
items: [{
|
||
|
el: BI.createWidget(),
|
||
|
width: 30
|
||
|
}, {
|
||
|
el: this.editor
|
||
|
}]
|
||
|
})
|
||
|
},
|
||
|
_dateCheck: function (date) {
|
||
|
return Date.parseDateTime(date, "%Y-%x-%d").print("%Y-%x-%d") == date || Date.parseDateTime(date, "%Y-%X-%d").print("%Y-%X-%d") == date || Date.parseDateTime(date, "%Y-%x-%e").print("%Y-%x-%e") == date || Date.parseDateTime(date, "%Y-%X-%e").print("%Y-%X-%e") == date;
|
||
|
},
|
||
|
_checkVoid: function (obj) {
|
||
|
return !Date.checkVoid(obj.year, obj.month, obj.day, this.options.min, this.options.max)[0];
|
||
|
},
|
||
|
_autoAppend: function (v, dateObj) {
|
||
|
var self = this;
|
||
|
var date = Date.parseDateTime(v, "%Y-%X-%d").print("%Y-%X-%d");
|
||
|
var yearCheck = function (v) {
|
||
|
return Date.parseDateTime(v, "%Y").print("%Y") == v && date >= self.options.min && date <= self.options.max;
|
||
|
};
|
||
|
var monthCheck = function (v) {
|
||
|
return Date.parseDateTime(v, "%Y-%X").print("%Y-%X") == v && date >= self.options.min && date <= self.options.max;
|
||
|
};
|
||
|
if (BI.isNotNull(dateObj) && Date.checkLegal(v)) {
|
||
|
switch (v.length) {
|
||
|
case this._const.yearLength:
|
||
|
if (yearCheck(v)) {
|
||
|
this.editor.setValue(v + "-");
|
||
|
}
|
||
|
break;
|
||
|
case this._const.yearMonthLength:
|
||
|
if (monthCheck(v)) {
|
||
|
this.editor.setValue(v + "-");
|
||
|
}
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
|
||
|
setValue: function (v) {
|
||
|
var type, value, self = this;
|
||
|
var date = new Date();
|
||
|
this.store_value = v;
|
||
|
if (BI.isNotNull(v)) {
|
||
|
type = v.type || BICst.MULTI_DATE_CALENDAR; value = v.value;
|
||
|
if(BI.isNull(value)){
|
||
|
value = v;
|
||
|
}
|
||
|
}
|
||
|
var _setInnerValue = function (date, text) {
|
||
|
var dateStr = date.print("%Y-%x-%e");
|
||
|
self.editor.setState(dateStr);
|
||
|
self.editor.setValue(dateStr);
|
||
|
self.setTitle(text + ":" + dateStr);
|
||
|
};
|
||
|
switch (type) {
|
||
|
case BICst.MULTI_DATE_YEAR_PREV:
|
||
|
var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_PREV];
|
||
|
date = new Date((date.getFullYear() - 1 * value), date.getMonth(), date.getDate());
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_YEAR_AFTER:
|
||
|
var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_AFTER];
|
||
|
date = new Date((date.getFullYear() + 1 * value), date.getMonth(), date.getDate());
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_YEAR_BEGIN:
|
||
|
var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_BEGIN];
|
||
|
date = new Date(date.getFullYear(), 0, 1);
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_YEAR_END:
|
||
|
var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_END];
|
||
|
date = new Date(date.getFullYear(), 11, 31);
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_QUARTER_PREV:
|
||
|
var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_PREV];
|
||
|
date = new Date().getBeforeMulQuarter(value);
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_QUARTER_AFTER:
|
||
|
var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_AFTER];
|
||
|
date = new Date().getAfterMulQuarter(value);
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_QUARTER_BEGIN:
|
||
|
var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_BEGIN];
|
||
|
date = new Date().getQuarterStartDate();
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_QUARTER_END:
|
||
|
var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_END];
|
||
|
date = new Date().getQuarterEndDate();
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_MONTH_PREV:
|
||
|
var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_PREV];
|
||
|
date = new Date().getBeforeMultiMonth(value);
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_MONTH_AFTER:
|
||
|
var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_AFTER];
|
||
|
date = new Date().getAfterMultiMonth(value);
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_MONTH_BEGIN:
|
||
|
var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_BEGIN];
|
||
|
date = new Date(date.getFullYear(), date.getMonth(), 1);
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_MONTH_END:
|
||
|
var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_END];
|
||
|
date = new Date(date.getFullYear(), date.getMonth(), (date.getLastDateOfMonth()).getDate());
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_WEEK_PREV:
|
||
|
var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_WEEK_PREV];
|
||
|
date = date.getOffsetDate(-7 * value);
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_WEEK_AFTER:
|
||
|
var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_WEEK_AFTER];
|
||
|
date = date.getOffsetDate(7 * value);
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_DAY_PREV:
|
||
|
var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_PREV];
|
||
|
date = date.getOffsetDate(-1 * value);
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_DAY_AFTER:
|
||
|
var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_AFTER];
|
||
|
date = date.getOffsetDate(1 * value);
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
case BICst.MULTI_DATE_DAY_TODAY:
|
||
|
var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_TODAY];
|
||
|
date = new Date();
|
||
|
_setInnerValue(date, text);
|
||
|
break;
|
||
|
default:
|
||
|
if (BI.isNull(value) || BI.isNull(value.day)) {
|
||
|
this.editor.setState("");
|
||
|
this.editor.setValue("");
|
||
|
this.setTitle("");
|
||
|
} else {
|
||
|
var dateStr = value.year + "-" + (value.month + 1) + "-" + value.day;
|
||
|
this.editor.setState(dateStr);
|
||
|
this.editor.setValue(dateStr);
|
||
|
this.setTitle(dateStr);
|
||
|
}
|
||
|
break;
|
||
|
}
|
||
|
},
|
||
|
|
||
|
getKey: function () {
|
||
|
return this.editor.getValue();
|
||
|
},
|
||
|
getValue: function () {
|
||
|
return this.store_value;
|
||
|
}
|
||
|
|
||
|
});
|
||
|
BI.DateTrigger.EVENT_FOCUS = "EVENT_FOCUS";
|
||
|
BI.DateTrigger.EVENT_START = "EVENT_START";
|
||
|
BI.DateTrigger.EVENT_CONFIRM = "EVENT_CONFIRM";
|
||
|
BI.DateTrigger.EVENT_CHANGE = "EVENT_CHANGE";
|
||
|
BI.DateTrigger.EVENT_VALID = "EVENT_VALID";
|
||
|
BI.DateTrigger.EVENT_ERROR = "EVENT_ERROR";
|
||
|
BI.DateTrigger.EVENT_TRIGGER_CLICK = "EVENT_TRIGGER_CLICK";
|
||
|
BI.DateTrigger.EVENT_KEY_DOWN = "EVENT_KEY_DOWN";
|
||
|
$.shortcut("bi.date_trigger", BI.DateTrigger);
|