ExtJs內的datefield控件選擇日期事後的事件監聽select

[摘要]：選擇時間事後咱們爲何須要監聽事件？通常有這樣一種狀況，那就是用於比較兩個時間大小或者須要判斷在哪一個時間點上須要作什麼樣的操做。基於這樣的種種狀況，咱們頗有必要琢磨一下datefield控件的日期選擇事件了的。那麼咱們如何添加日期選擇事件呢？針對這樣一個問題，網上有不少ExtJs的盆友想到了change事件，就是當文本框內日期值就上一次值來講不一樣時，觸發該事件，change事件添加核心代碼以下所示： { xtype: 'datefield', name: 'birthday', format: 'Y-m-d', hideTrigger: true, //隱藏文本框後面的圖標 fie...ide

選擇時間事後咱們爲何須要監聽事件？通常有這樣一種狀況，那就是用於比較兩個時間大小或者須要判斷在哪一個時間點上須要作什麼樣的操做。基於這樣的種種狀況，咱們頗有必要琢磨一下datefield控件的日期選擇事件了的。spa

那麼咱們如何添加日期選擇事件呢？針對這樣一個問題，網上有不少ExtJs的盆友想到了change事件，就是當文本框內日期值就上一次值來講不一樣時，觸發該事件，change事件添加核心代碼以下所示：code

 
   01. 
   { 
  
   02. 
   xtype: 'datefield', 
  
   03. 
   name: 'birthday', 
  
   04. 
   format: 'Y-m-d', 
  
   05. 
   hideTrigger: true, //隱藏文本框後面的圖標 
  
   06. 
   fieldLabel: '出生年月', 
  
   07. 
   listeners: { 
  
   08. 
   //添加日期選擇事件 
  
   09. 
   "change": function () { 
  
   10. 
   alert("你選擇了日期~!"); 
  
   11. 
   },

change事件的弊端orm

一、就是噹噹前選擇的值和上一次值同樣時，就不會觸發此事件；這樣一來就一些特殊需求就不是很符合的。事件

基於這樣一種change的弊端，咱們從而想到了select事件get

 
   01. 
   { 
  
   02. 
   xtype: 'datefield', 
  
   03. 
   name: 'birthday', 
  
   04. 
   format: 'Y-m-d', 
  
   05. 
   hideTrigger: true, //隱藏文本框後面的圖標 
  
   06. 
   fieldLabel: '出生年月', 
  
   07. 
   listeners: { 
  
   08. 
   //添加日期選擇事件 
  
   09. 
   "select": function () { 
  
   10. 
   alert("你選擇了日期~!"); 
  
   11. 
   },

這樣一來，無論你選擇的日期和上一第二天期是否相同均會觸發此事件。博客

extjs datefield select 控件選擇日期事件監聽本文爲原創型文章轉載請尊重他人勞動成果並註明出處：http://www.stepday.com/topic/?534 能夠掃描本站該博客文章的QR二維碼進行訪問 string