`
gwh_08
  • 浏览: 335365 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ext DateField 活动日期初始化

    博客分类:
  • Ext
阅读更多

一般Ext.form.DateField的活动日期为当前日期,若有需求要其初始值从yyyy/mm/dd开始,并且没有默认值,如何实现。查了半天API文档都没找到合适的属性改变其初始值,通过网页搜索页一无所获,最后通过查看ext源代码才知道了思路,现将解决方案实现如果。

var staff_birthday = new Ext.form.DateField({
			id : 'user.staffBirthday',
			fieldLabel : '出生日期',
			width : 130,
			startDateField : 'user.staffBirthday',
			name : 'user.staffBirthday',
			format : 'Y-m-d',
			readOnly : true,
			menuListeners : {
				beforeshow : function() {
					var myDate=new Date();
		                        myDate.setFullYear(1970,0,1);
					this.menu.picker.setValue(this.getValue()||myDate);
				},
				select : function(m, d) {
					this.setValue(this.menu.picker.getValue());
				}
			}
		});

 代码说明如下:本DateField的活动初始值是1970年1月1日。

1:通过添加menuListeners监听事件即可实现改变其活动初始值,beforeshow事件,改变的是活动初始值,而select事件则是将所选的值赋值到文本区域。

2:javaScript中的Date的setFullYeay()方法的第二个参数的取值范围是0-11,所以要是日期为1970年1月1日,第二个参数应为0

 

分享到:
评论

相关推荐

    Ext用户扩展控件---------日期时间选择器,可以精确到某天的某分钟

    在实际应用中,开发者需要引入相关的JS文件,比如`Ux.DateTime.js`,然后在需要的地方实例化这个控件,配置好相应的属性,例如初始值、最小日期、最大日期等,就可以让用户的交互更加直观和高效。 在实际编码过程中...

    ext 日期时间控件

    EXT的时间控件不仅提供了基本的日期和时间选择功能,还支持自定义格式化、日期范围限制、验证等功能,使开发者能够灵活地调整控件的行为和外观。 EXT时间控件的实现基于Ext.form.DateTimeField类,这个类继承自Ext....

    Ext-DateTimeField

    1. 初始化DateTimeField时,设置适当的配置项,如格式化规则、默认值等。 2. 使用适当的事件监听器,以便在用户交互时进行必要的处理。 3. 考虑错误处理和用户反馈,当用户输入的数据无效时,提供清晰的错误提示。 4...

    Ext.form表单中各种属性应用详解

    - **lazyInit**: 类型为 `Boolean`,决定是否延迟初始化下拉列表,直到组合框获得焦点,默认为 `true`。 - **lazyRender**: 类型为 `Boolean`,决定是否延迟渲染下拉列表,直到第一次请求时,默认为 `false`。 - **...

    ext 2.0 form demo

    2. 字段组件:EXT提供了多种内置的表单字段,如TextField(文本输入)、ComboBox(下拉框)、CheckBox(复选框)、Radio(单选按钮)、DateField(日期选择器)等。 3. 表单验证:EXT 2.0的表单字段具有内置的验证...

    ext4.2学习之路

    - `bootstrap.js`:自动加载`ext-all.js`或`ext-all-debug.js`的辅助脚本,简化了Ext JS的初始化过程。 #### 四、Ext JS 4.2组件介绍 Ext JS 4.2提供了丰富的UI组件库,覆盖了各种常见的用户界面需求,例如: - *...

    ext学习之路

    #### 引入与初始化(integration & initialization) 为了在网页中使用ExtJS,开发者需在HTML文档的`<head>`部分引入必要的样式表和脚本文件。例如,`ext-all.css`用于加载全局样式,而`ext-all.js`则包含了所有的...

    ext培训第三讲.doc 3/4

    组件将依据这些属性值来初始化自身。下面是一个具体的示例: ```javascript Ext.onReady(function(){ var obj = { title: "Hello", width: 300, height: 200, html: '<h1>Hello, world!</h1>' }; var panel ...

    Ext2.0 form使用实例

    首先,我们需要初始化提示信息功能和设置错误信息显示位置。通过`Ext.QuickTips.init()`启动快速提示功能,以便为表单中的控件提供必要的帮助信息。接着,`Ext.form.Field.prototype.msgTarget = 'side';`将错误信息...

    Ext 表单布局实例代码

    `Ext.QuickTips.init()`初始化快速提示功能,这在EXT JS中用于显示轻量级的提示信息,特别是对于表单字段的客户端验证错误信息。 `Ext.form.Field.prototype.msgTarget = 'under';`这一行代码设置了表单字段的错误...

    JS中的使用技巧,每一项都是js中的小技巧

    - `for ([初始化表达式]; [条件]; [更新表达式]) {循环体}`,是一种常用的循环结构,可用于重复执行一段代码。 ### 16. 循环控制 - `break`语句可以用来立即退出循环,而`continue`则跳过本次循环的剩余部分,直接...

    Extjs实用教程

    - 使用`Ext.onReady()`函数确保在DOM完全加载完成之后再执行相应的初始化操作。 ```javascript function fn() { alert("ExtJS库已加载!"); } Ext.onReady(fn); ``` - 或者使用匿名函数的方式简化代码: ```...

    ExtJs使用过程中积攒的一些东西

    - 初始化:通过`Ext.onReady`函数在DOM加载完成后执行代码,设置`Ext.BLANK_IMAGE_URL`确保无图标的按钮能正常显示,初始化`Ext.QuickTips`使提示功能生效。 2. **按钮与图标**: - 按钮图标:可以通过`iconCls`...

    Extjs控件属性(详细版)

    ### Extjs 控件属性详解 #### 一、Ext.form.TimeField 控件属性 **Ext.form.TimeField** 是Extjs框架...- **lazyInit**:设置是否延迟初始化下拉列表,默认为`true`。 - **lazyRender**:设置是否延迟渲染下拉列表。

    extjs 时间范围选择自动判断的实现代码

    ` 这行代码用于初始化EXTJS的快速提示管理器,确保错误提示能够正常显示。 5. **查询按钮处理**: 通常,我们还需要一个“查询”按钮来触发实际的数据检索操作。在这里,按钮的`handler`函数可以获取并处理用户...

    学习ExtJS Panel常用方法

    例如,当 xtype 设置为 `"tabpanel"` 时,系统会使用 `Ext.TabPanel` 来初始化该组件。 - 示例代码: ```javascript var tabPanel = new Ext.TabPanel({ title: '标签页', xtype: 'tabpanel' // 初始化 ...

    ExtJs6.2中包含文本及时间选择框的自定义查询控件的解决方案

    在`view.js`中,我们使用`initComponent`方法来初始化组件,并设置初始状态。这里的关键是`selecttime`方法,它将在用户选择不同查询条件时被触发。 ```javascript // 初始化组件 me.getViewModel().set("showtime...

Global site tag (gtag.js) - Google Analytics