包含extjs日期最小值的詞條

本文目錄一覽：

• 1、extjs5中定義的Ext.slider.Multi 它的最大值和最小值如何是日期類型的
• 2、extjs 怎樣 動態設定 DateField 最大值 最小值
• 3、extJs中的datefield怎麼設置 能只選擇當前時間以後的日期
• 4、ext js 添加了能選擇時分秒插件後不能控制選取日期的最小值了 為什麼

extjs5中定義的Ext.slider.Multi 它的最大值和最小值如何是日期類型的

最新版本是Extjs5.0.1，我們可以在官方網站進行下載。（這裡不得不提一句，Extjs5到目前為止還沒有免費的授權，所以下載到的版本是試用版。）

下載到的壓縮包解壓以後，你會看到一大堆的文件夾和文件，我們該如何使用Extjs5呢？

之前看到過別人說的通過Sencha CMD創建Extjs5項目，但個人覺得那種方式並不適合我們目前的開發模式。我說做ASP.NET的，需要在ASP.NET MVC或WebForm中使用Extjs，所以絕對不上簡單的通過Sencha CMD 生成Extjs5項目那麼簡單。

extjs 怎樣 動態設定 DateField 最大值 最小值

 maxValue

 minValue

上面兩個屬性

（如）最大值不大當於當前

maxValue: new Date()

extJs中的datefield怎麼設置 能只選擇當前時間以後的日期

這個設置一個監聽函數，選擇之後如果是當前日期之前的日期則給出提示，而且dateField不賦值。可以使用 onSelect事件

ext js 添加了能選擇時分秒插件後不能控制選取日期的最小值了 為什麼

ExtJs代碼：

/* *日期控件的簡單案例* */

//1:Ext.form.field.Date示例,日期選擇框

Ext.onReady(function(){

Ext.QuickTips.init();

Ext.create(‘Ext.form.Panel’,{

title:’Ext.form.field.Date示例’,

frame:true,

height:100,

width:300,

renderTo:Ext.getBody(),

bodyPadding:5,

items:[{

fieldLabel:’日期選擇框’,

//關鍵的代碼

xtype:’datefield’,

labelSeparator:’:’,//分隔符

msgTarget:’side’,//在字段右邊顯示一個提示信息

autoFitErrors:false,//展示錯誤信息時是否自動調整字段組件寬度

format:’Y年m月d日’,//顯示日期的格式

maxValue:’12/31/2015′,//允許選擇的最大日期

minValue:’01/01/2008′,//允許選擇的最小日期

disabledDates:[‘2008年03月12日’],//禁止選擇2008年03月12日

// disabledDates: [“^03月”],

disabledDatesText:’禁止選擇該日期’,

disabledDays:[0,6,1,5],//禁止選擇星期日和星期六

disabledDaysText:’禁止選擇該日期’,

width:220,

value:’03/1/2008′

}]

});

});

頁面只要引入ext-all.js：

link rel=”stylesheet” type=”text/css” href=”../resources/css/ext-all.css”/

script type=”text/javascript” src=”../ext-all.js”/script

script type=”text/javascript” src=”test.js”/script

script type=”text/javascript” src=”ext-lang-zh_CN.js” /script

附上出處鏈接：