MWF.xDesktop.requireApp("process.Xform", "$Input", null, false);
/** @class Calendar 日期组件。
* @o2cn 日期选择
* @example
* //可以在脚本中获取该组件
* //方法1：
* var field = this.form.get("fieldId"); //获取组件对象
* //方法2
* var field = this.target; //在组件本身的脚本中获取，比如事件脚本、默认值脚本、校验脚本等等
* @extends MWF.xApplication.process.Xform.$Input
* @o2category FormComponents
* @o2range {Process|CMS|Portal}
* @hideconstructor
*/
MWF.xApplication.process.Xform.Calendar = MWF.APPCalendar = new Class(
/** @lends MWF.xApplication.process.Xform.Calendar# */
{
Implements: [Events],
Extends: MWF.APP$Input,
iconStyle: "calendarIcon",
options: {
/**
* 日期选择完成时触发.
* @event MWF.xApplication.process.Xform.Calendar#complete
* @see {@link https://www.yuque.com/o2oa/ixsnyt/hm5uft#i0zTS|组件事件说明}
*/
/**
* 日期选择器上点清空时触发.
* @event MWF.xApplication.process.Xform.Calendar#clear
* @see {@link https://www.yuque.com/o2oa/ixsnyt/hm5uft#i0zTS|组件事件说明}
*/
/**
* 值改变时触发.
* @event MWF.xApplication.process.Xform.Calendar#change
* @see {@link https://www.yuque.com/o2oa/ixsnyt/hm5uft#i0zTS|组件事件说明}
*/
/**
* 显示日期选择器时触发.
* @event MWF.xApplication.process.Xform.Calendar#show
* @see {@link https://www.yuque.com/o2oa/ixsnyt/hm5uft#i0zTS|组件事件说明}
*/
/**
* 隐藏日期选择器时触发.
* @event MWF.xApplication.process.Xform.Calendar#hide
* @see {@link https://www.yuque.com/o2oa/ixsnyt/hm5uft#i0zTS|组件事件说明}
*/
"moduleEvents": ["queryLoad","postLoad","load","complete", "clear", "change","show","hide"]
},
_loadNode: function(){
if (this.isReadonly()){
this._loadNodeRead();
}else{
this._loadNodeEdit();
var input = this.node.getFirst();
input.set("readonly", true);
}
},
setDescriptionEvent: function(){
if (this.descriptionNode){
this.descriptionNode.addEvents({
"mousedown": function(){
this.descriptionNode.setStyle("display", "none");
//this.clickSelect();
}.bind(this)
});
}
},
_getValueAg: function(value,isDate){
if (value && value.isAG){
return value.then(function(v){
this._getValueAg(v, isDate);
}.bind(this), function(){});
}else{
var d = (!!value) ? Date.parse(value) : "";
if (isDate){
return d || null;
}else{
return (d) ? d.format(this.json.format) : "";
}
}
},
getValue: function(isDate){
if (this.moduleValueAG) return this.moduleValueAG;
var value = this._getBusinessData();
if( value && !isDate)return value;
if (!value) value = this._computeValue();
if (value && value.then) return value;
var d = (!!value) ? Date.parse(value) : "";
if (isDate){
return d || null;
}else{
//if (d) value = Date.parse(value).format(this.json.format);
return (d) ? d.format(this.json.format) : "";
}
return value || "";
},
getValueStr : function(){
var value = this._getBusinessData();
if (!value) value = this._computeValue();
return value;
},
__setValue: function(value){
var v;
if( typeOf( value ) === "date" ){
v = (value) ? ( Date.parse(value)).format(this.json.format) : "";
}else{
v = value;
}
this._setBusinessData(value);
if (this.node.getFirst()) this.node.getFirst().set("value", v || "");
if (this.isReadonly()) this.node.set("text", v);
this.moduleValueAG = null;
this.fieldModuleLoaded = true;
return value;
},
_beforeReloaded: function(){
this.calendar = null;
},
clickSelect: function(){
var _self = this;
if (!this.calendar){
MWF.require("MWF.widget.Calendar", function(){
var defaultView = "day";
if( this.json.selectType === "month" )defaultView = "month";
if( this.json.selectType === "year" )defaultView = "year";
var options = {
"style": o2.session.isMobile ? "xform_mobile" : "xform",
"secondEnable" : this.json.isSelectSecond,
"timeSelectType" : this.json.timeSelectType,
"isTime": (this.json.selectType==="datetime" || this.json.selectType==="time"),
"timeOnly": (this.json.selectType === "time"),
"monthOnly" : (this.json.selectType === "month"),
"yearOnly" : (this.json.selectType === "year"),
"defaultView" : defaultView,
//"target": this.form.node,
"target": o2.session.isMobile ? $(document.body) : this.form.app.content,
"format": this.json.format,
"onComplate": function(formateDate, date){
this.validationMode();
if(this.validation()){
var v = this.getInputData("change");
this._setBusinessData(v);
//this._setEnvironmentData(v);
}
this.fireEvent("complete");
}.bind(this),
"onChange": function(){
this._setBusinessData(this.getInputData("change"));
this.fireEvent("change");
}.bind(this),
"onClear": function(){
this.validationMode();
if(this.validation()){
var v = this.getInputData("change");
this._setBusinessData(v);
//this._setEnvironmentData(v);
}
this.fireEvent("clear");
if (!this.node.getFirst().get("value")) if (this.descriptionNode) this.descriptionNode.setStyle("display", "block");
}.bind(this),
"onShow": function(){
if (_self.descriptionNode) _self.descriptionNode.setStyle("display", "none");
if( o2.session.isMobile ){
this.container.position({
relativeTo: $(document.body),
position: 'leftCenter',
edge: 'leftCenter'
//offset : { y : -25 }
});
}else{
var parent = _self.node.getParent();
while( parent ){
var overflow = parent.getStyle("overflow");
var overflowY = parent.getStyle("overflow-y");
if( overflow === "auto" || overflow === "scroll" || overflowY === "auto" || overflowY === "scroll" ){
_self.scrollFun = function( e ){
// if (this.container.position && (!layout || !layout.userLayout || !layout.userLayout.scale || layout.userLayout.scale===1) ){
if( this.postX === "right" ){
if( this.postY === "bottom" ){
this.container.position({
relativeTo: this.node,
position: 'bottomRight',
edge: 'upperRight',
allowNegative : true
});
}else{
this.container.position({
relativeTo: this.node,
position: 'upperRight',
edge: 'bottomRight',
allowNegative : true
});
}
}else{
if( this.postY === "bottom" ) {
this.container.position({
relativeTo: this.node,
position: 'bottomLeft',
edge: 'upperLeft',
allowNegative: true
});
}else{
this.container.position({
relativeTo: this.node,
position: 'upperLeft',
edge: 'bottomLeft',
allowNegative: true
});
}
}
// }else{
// var p = this.node.getPosition(this.options.target || null);
// var size = this.node.getSize();
// var containerSize = this.container.getSize();
// var bodySize = (this.options.target) ? this.options.target.getSize() : $(document.body).getSize(); //$(document.body).getSize();
//
// bodySize.x = bodySize.x * layout.userLayout.scale;
// bodySize.y = bodySize.y * layout.userLayout.scale;
//
// var left = p.x;
// left = left * layout.userLayout.scale;
// if ((left + containerSize.x + 40) > bodySize.x){
// left = bodySize.x - containerSize.x - 40;
// }
//
// var top = p.y+size.y+2;
// top = top * layout.userLayout.scale;
// if( top + containerSize.y > bodySize.y ){
// top = bodySize.y - containerSize.y ;
// }
//
// this.container.setStyle("top", top);
// this.container.setStyle("left", left);
// }
}.bind(this);
_self.scrollParentNode = parent;
parent.addEvent( "scroll", _self.scrollFun );
parent = null;
}else{
parent = parent.getParent();
}
}
}
_self.fireEvent("show");
},
"onHide": function(){
if (!this.node.getFirst().get("value")) if (this.descriptionNode) this.descriptionNode.setStyle("display", "block");
if( _self.scrollParentNode && _self.scrollFun ){
_self.scrollParentNode.removeEvent("scroll", _self.scrollFun);
}
_self.fireEvent("hide");
}.bind(this)
};
options.baseDate = this.getBaseDate();
this.setRange( options );
/**
* @summary 日期弹出选择界面，只读情况下无此成员.
* @member {MWF.widget.Calendar}
* @example
* var calendar = this.form.get("fieldId").calendar; //获取组件
* if(calendar)calendar.show(); //弹出选择组件
*/
this.calendar = new MWF.widget.Calendar(this.node.getFirst(), options);
if( this.form.json && this.form.json.canlendarStyle && typeOf( this.form.json.canlendarStyle.zIndex ) !== "null" && typeOf( this.form.json.canlendarStyle.zIndex ) !== "undefined" ){
this.calendar.container.setStyle("z-index", this.form.json.canlendarStyle.zIndex );
}
this.calendar.show();
}.bind(this));
}else{
var options = {};
options.baseDate = this.getBaseDate();
this.calendar.setOptions(options);
//this.calendar.show();
this.node.getFirst().focus();
}
},
getBaseDate : function(){
var d;
var value = this.getValue(true);
if( value && value.getTime() > 10000 ){
d = value;
}else{
var ud = Date.parse( this.unformatDate( this.getValueStr() ) );
if( ud && ud.getTime() > 10000 ){
d = ud;
}else{
d = new Date();
}
}
return d;
},
setRange: function( options ){
var r;
switch ( this.json.rangeType ) {
case "dateTime":
if (this.json.dateTimeRangeScript && this.json.dateTimeRangeScript.code) {
r = this.form.Macro.fire(this.json.dateTimeRangeScript.code, this);
if (typeOf(r) === "array") options.datetimeRange = r;
}
break;
case "dateAndTime":
if (this.json.dateRangeScript && this.json.dateRangeScript.code) {
r = this.form.Macro.fire(this.json.dateRangeScript.code, this);
if (typeOf(r) === "array") options.dateRange = r;
}
if (this.json.timeRangeScript && this.json.timeRangeScript.code) {
r = this.form.Macro.fire(this.json.timeRangeScript.code, this);
if (typeOf(r) === "array") options.timeRange = r;
}
break;
case "other":
if (this.json.enableDate && this.json.enableDate.code) {
options.enableDate = function (date) {
var d = this.getPureDate( date );
return this.form.Macro.fire(this.json.enableDate.code, this, {date: d});
}.bind(this);
}
if (this.json.enableHours && this.json.enableHours.code) {
options.enableHours = function (date) {
var d = this.getPureDate( date );
return this.form.Macro.fire(this.json.enableHours.code, this, {date: d});
}.bind(this);
}
if (this.json.enableMinutes && this.json.enableMinutes.code) {
options.enableMinutes = function (date, hour) {
var d = this.getPureDate( date );
return this.form.Macro.fire(this.json.enableMinutes.code, this, {date: d, hour: hour.toInt()});
}.bind(this);
}
if (this.json.enableSeconds && this.json.enableSeconds.code) {
options.enableSeconds = function (date, hour, minute) {
var d = this.getPureDate( date );
return this.form.Macro.fire(this.json.enableSeconds.code, this, {date: d, hour: hour.toInt(), minute: minute.toInt()});
}.bind(this);
}
break;
}
},
getPureDate: function (date) {
var d;
switch (typeOf(date)) {
case "string": d = Date.parse(date); break;
case "date": d = date.clone(); break;
default: return null;
}
return d.clearTime();
},
unformatDate : function( dateStr ){
var formatStr = this.json.format;
var matchArr = [ "%Y", "%m", "%d", "%H", "%M", "%S", "%z", "%Z" ];
var lengthArr = [ 4, 2, 2, 2, 2, 2, 5, 3];
var indexArr = [ formatStr.indexOf("%Y"), formatStr.indexOf("%m"), formatStr.indexOf("%d"), formatStr.indexOf("%H"), formatStr.indexOf("%M"), formatStr.indexOf("%S"), formatStr.indexOf("%z"), formatStr.indexOf("%Z") ];
var resultArr = [ null, null, null, null, null, null, null, null ];
for( var i=0; i<matchArr.length; i++ ){
if( indexArr[i] === -1 )continue;
var leftLength = 0;
var leftUnitLength = 0;
Array.each( indexArr, function( n, k ){
if( n === -1 )return;
if( indexArr[i] > n ){
leftLength += lengthArr[k];
leftUnitLength += matchArr[k].length;
}
});
resultArr[i] = dateStr.substr( indexArr[i] - leftUnitLength + leftLength, lengthArr[i] );
}
var now = new Date();
for( var i=0; i < resultArr.length; i++ ){
if( !resultArr[i] ){
switch ( matchArr[i] ){
case "%Y":
case "%m":
case "%d":
resultArr[i] = now.format( matchArr[i] );
break;
case "%H":
case "%M":
case "%S":
resultArr[i] = "00";
break;
case "%z":
case "%Z":
default:
break;
}
}
}
return resultArr[0] + "-" + resultArr[1] + "-" + resultArr[2] + " " + resultArr[3]+":"+resultArr[4]+":"+resultArr[5];
},
getExcelData: function(){
return this.getData();
},
setExcelData: function(d){
var value = d.replace(/ /g,""); //换行符
this.excelData = value;
var json = this.json;
if( value && (new Date(value).isValid()) ){
var format;
if (!json.format){
if (json.selectType==="datetime" || json.selectType==="time"){
format = (json.selectType === "time") ? "%H:%M" : (Locale.get("Date").shortDate + " " + "%H:%M")
}else{
format = Locale.get("Date").shortDate;
}
}else{
format = json.format;
}
value = Date.parse( value ).format( format );
this.setData(value, true);
}else{
this.setData(value, true);
}
}
});
source