extjs 获取日期控件的值_ExtJs内的datefield控件选择日期过后的事件监听select

本文探讨了在ExtJS中使用datefield控件时,如何监听日期选择事件。通常,监听事件用于比较时间或根据特定时间点执行操作。文章指出,虽然change事件在日期值改变时触发,但当选择的日期与上次相同,它不会触发。因此,作者建议使用select事件,无论选择的日期是否与上次相同,都会触发该事件。
摘要由CSDN通过智能技术生成

[摘要]: 选择时间过后我们为什么需要监听事件?一般有这样一种情况,那就是用于比较两个时间大小或者需要判断在哪个时间点上需要做什么样的操作。基于这样的种种情况,我们很有必要琢磨一下datefield控件的日期选择事件了的。 那么我们如何添加日期选择事件呢?针对这样一个问题,网上有很多ExtJs的盆友想到了change事件,就是当文本框内日期值就上一次值来说不同时,触发该事件,change事件添加核心代码如下所示: { xtype: 'datefield', name: 'birthday', format: 'Y-m-d', hideTrigger: true, //隐藏文本框后面的图标 fie...

选择时间过后我们为什么需要监听事件?一般有这样一种情况,那就是用于比较两个时间大小或者需要判断在哪个时间点上需要做什么样的操作。基于这样的种种情况,我们很有必要琢磨一下datefield控件的日期选择事件了的。

那么我们如何添加日期选择事件呢?针对这样一个问题,网上有很多ExtJs的盆友想到了change事件,就是当文本框内日期值就上一次值来说不同时,触发该事件,change事件添加核心代码如下所示:

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事件的弊端

1、就是当当前选择的值和上一次值一样时,就不会触发此事件;这样一来就一些特殊需求就不是很符合的。

基于这样一种change的弊端,我们从而想到了select事件

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.},

这样一来,不管你选择的日期和上一次日期是否相同均会触发此事件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值