Ext時間控制的處理

// 獲取本地時間

var formatDate = function (date) {

var y = date.getFullYear();

var m = date.getMonth() + 1;

m = m < 10 ? '0' + m : m;

var d = date.getDate();

d = d < 10 ? ('0' + d) : d;

var hour = date.getHours();

hour = hour < 10 ? ('0' + hour) : hour;

var min = date.getMinutes();

min = min < 10 ? ('0' + min) : min;

var second = date.getSeconds();

second = second < 10 ? ('0' + second) : second;

return y + '-' + m + '-' + d + ' ' + hour + ':' + min + ':' + second;

};

var form = new Ext.form.FormPanel({

title: '表單輸入控件演示',

width:500,

frame: true,

items: [{

xtype:'datetimefield',

width : 300,

labelWidth : 80,

endDateField:'etime',

vtype:'daterange',

fieldLabel: '開始時間',

format: 'Y-m-d H:i:s ',

name:'stime'

},

{

xtype:'datetimefield',

width : 300,

labelWidth : 80,

startDateField:'stime',

vtype:'daterange',

fieldLabel: '結束時間',

format: 'Y-m-d H:i:s ',

name:'etime'

}],

renderTo: 'form'

});

獲得時間控件值方法：

1、 var beginDate = Ext.getCmp('beginDate').getValue(); // 顯示格式為：beginDate=Mon Jul 4 00:00:00 UTC+0800 2011

2、 var endDate = Ext.getCmp('endDate').getRawValue();//顯示格式為：2011-07-04

3、 var beginDate = Ext.get('beginDate').getValue();//該方法IE支持，其他瀏覽器不支持（此時通過控件name獲得，前兩種方法通過控件Id獲得）

閱讀更多 前端小學生 的文章

關鍵字: 本地 時間 技術