extjs4帶時間的日期控件的簡單介紹

本文目錄一覽：

• 1、ExtJs 3.4 日期控件DateField的範圍控制
• 2、extjs如何調用日期控件
• 3、extjs 如何禁用日期時間控件
• 4、extjs4中日期怎麼比較大小？
• 5、Extjs時間控件
• 6、本人想使用EXT的時間控件，但是同時能夠選擇到時分秒，求大神幫助！

ExtJs 3.4 日期控件DateField的範圍控制

就是要這樣的效果吧。

{

    xtype:’datefield’,

    width:’70’,

    format: “Y-m-d”,

    id:’date’,

    value:new Date(),

    disabledDays  :[0,1,2,3,4,6]  //這樣加這個屬性，禁用日期

   }

extjs如何調用日期控件

{

   xtype: “datefield”,

   name: “date”,

   fieldLabel: “日期”,

   editable: true,

   emptyText: “–請選擇–“,

   format: “Y-m-d”,//日期的格式

   altFormats: “Y/m/d|Ymd”,

   width: 180

}

上面是在Ext.form.Panel 中的直接在items中加入日期控件，上面一些參數也很好理解，如果有疑問可以查看ext.4.2.1的api,這個也是該版本的用法，如果是其他版本，請查看實際引入的版本的api，但是大體用法都是一直的。

extjs 如何禁用日期時間控件

1、extjs日期控件禁用：設置editable:false這個屬性即可。

editable：是否可編輯，默認為true 。

2、Extjs日期控件禁止用戶輸入（設置readOnly為true）：

JScript 代碼 ：

{

xtype:”datefield”,

format:”Y-m-d”,

value:”1986-12-25″,

readOnly:true, //設置為true為只讀狀態，禁止用戶輸入

fieldLabel:”Birth”

}

3、extjs DateField 的值用getValue()方法獲取後是一大堆字符串，類似Tue Dec 07 2010 00:00:00 GMT 0800，存入數據庫需要格式化一下，用EXT的Ext.util.Format.date（）方法：

var gedt = Ext.util.Format.date(日期控件.getValue(), ‘Y-m-d’);

出來的日期格式就是 2010-10-10。

extjs4中日期怎麼比較大小？

可以使用change事件，先獲取到第一個時間，

var firstTimeValue = form.findField(‘firstTime’).getValue();

然後對第二個時間做change事件，

‘form timefield’:{

change:function(timefield){

var secondTimeValue = timefield.getValue();

if( firstTimeValue secondTimeValue ){

Ext.Msg.show({

title:’提示’,

msg: ‘時間輸入不正確（開始日期不能大於結束日期）’,

buttons: Ext.Msg.OK,

icon: Ext.Msg.ERROR

});

}

}

},

Extjs時間控件

格式設置有問題

試一試這樣的

format:’Y年m月d日’, 或者format:’Y-m’

本人想使用EXT的時間控件，但是同時能夠選擇到時分秒，求大神幫助！

/*親！現在ExtJs已經是4.0了   4.0和以前的版本簡直是天壤之別*/

var task = 

{

run : function()

{

msgBox.updateText(“會動的時間:”+Ext.util.Format.date(new Date(),”Y-m-d g:i:s A”));

},

interval : 1000

};

Ext.TaskManager.start(task);