一般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
分享到:
相关推荐
在实际应用中,开发者需要引入相关的JS文件,比如`Ux.DateTime.js`,然后在需要的地方实例化这个控件,配置好相应的属性,例如初始值、最小日期、最大日期等,就可以让用户的交互更加直观和高效。 在实际编码过程中...
EXT的时间控件不仅提供了基本的日期和时间选择功能,还支持自定义格式化、日期范围限制、验证等功能,使开发者能够灵活地调整控件的行为和外观。 EXT时间控件的实现基于Ext.form.DateTimeField类,这个类继承自Ext....
1. 初始化DateTimeField时,设置适当的配置项,如格式化规则、默认值等。 2. 使用适当的事件监听器,以便在用户交互时进行必要的处理。 3. 考虑错误处理和用户反馈,当用户输入的数据无效时,提供清晰的错误提示。 4...
- **lazyInit**: 类型为 `Boolean`,决定是否延迟初始化下拉列表,直到组合框获得焦点,默认为 `true`。 - **lazyRender**: 类型为 `Boolean`,决定是否延迟渲染下拉列表,直到第一次请求时,默认为 `false`。 - **...
2. 字段组件:EXT提供了多种内置的表单字段,如TextField(文本输入)、ComboBox(下拉框)、CheckBox(复选框)、Radio(单选按钮)、DateField(日期选择器)等。 3. 表单验证:EXT 2.0的表单字段具有内置的验证...
- `bootstrap.js`:自动加载`ext-all.js`或`ext-all-debug.js`的辅助脚本,简化了Ext JS的初始化过程。 #### 四、Ext JS 4.2组件介绍 Ext JS 4.2提供了丰富的UI组件库,覆盖了各种常见的用户界面需求,例如: - *...
#### 引入与初始化(integration & initialization) 为了在网页中使用ExtJS,开发者需在HTML文档的`<head>`部分引入必要的样式表和脚本文件。例如,`ext-all.css`用于加载全局样式,而`ext-all.js`则包含了所有的...
组件将依据这些属性值来初始化自身。下面是一个具体的示例: ```javascript Ext.onReady(function(){ var obj = { title: "Hello", width: 300, height: 200, html: '<h1>Hello, world!</h1>' }; var panel ...
首先,我们需要初始化提示信息功能和设置错误信息显示位置。通过`Ext.QuickTips.init()`启动快速提示功能,以便为表单中的控件提供必要的帮助信息。接着,`Ext.form.Field.prototype.msgTarget = 'side';`将错误信息...
`Ext.QuickTips.init()`初始化快速提示功能,这在EXT JS中用于显示轻量级的提示信息,特别是对于表单字段的客户端验证错误信息。 `Ext.form.Field.prototype.msgTarget = 'under';`这一行代码设置了表单字段的错误...
- `for ([初始化表达式]; [条件]; [更新表达式]) {循环体}`,是一种常用的循环结构,可用于重复执行一段代码。 ### 16. 循环控制 - `break`语句可以用来立即退出循环,而`continue`则跳过本次循环的剩余部分,直接...
- 使用`Ext.onReady()`函数确保在DOM完全加载完成之后再执行相应的初始化操作。 ```javascript function fn() { alert("ExtJS库已加载!"); } Ext.onReady(fn); ``` - 或者使用匿名函数的方式简化代码: ```...
- 初始化:通过`Ext.onReady`函数在DOM加载完成后执行代码,设置`Ext.BLANK_IMAGE_URL`确保无图标的按钮能正常显示,初始化`Ext.QuickTips`使提示功能生效。 2. **按钮与图标**: - 按钮图标:可以通过`iconCls`...
### Extjs 控件属性详解 #### 一、Ext.form.TimeField 控件属性 **Ext.form.TimeField** 是Extjs框架...- **lazyInit**:设置是否延迟初始化下拉列表,默认为`true`。 - **lazyRender**:设置是否延迟渲染下拉列表。
` 这行代码用于初始化EXTJS的快速提示管理器,确保错误提示能够正常显示。 5. **查询按钮处理**: 通常,我们还需要一个“查询”按钮来触发实际的数据检索操作。在这里,按钮的`handler`函数可以获取并处理用户...
例如,当 xtype 设置为 `"tabpanel"` 时,系统会使用 `Ext.TabPanel` 来初始化该组件。 - 示例代码: ```javascript var tabPanel = new Ext.TabPanel({ title: '标签页', xtype: 'tabpanel' // 初始化 ...
在`view.js`中,我们使用`initComponent`方法来初始化组件,并设置初始状态。这里的关键是`selecttime`方法,它将在用户选择不同查询条件时被触发。 ```javascript // 初始化组件 me.getViewModel().set("showtime...