Ext.form.DateField
1 自定义的日期校验类型
/**
* 定义 自定义的日期校验类型
*/
Ext.apply(Ext.form.VTypes,{
daterange: function(val,field){
var date = field.parseDate(val,'Y/m/d');
if(date==null){
field.reset();
return false;
}
if(!date){
return false;
}
if (field.startDateField && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax.getTime()))) {
var start = Ext.getCmp(field.startDateField);
start.setMaxValue(date);
start.validate();
this.dateRangeMax = date;
}
else if (field.endDateField && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin.getTime()))) {
var end = Ext.getCmp(field.endDateField);
end.setMinValue(date);
end.validate();
this.dateRangeMin = date;
}
return true;
}
});
2 日期控件取值
//field 日期控件
getDateFieldFormatValue: function(field){ //日期控件,取值进行格式化
var fieldVal;
if(null == field.getValue() || "" == field.getValue()){
fieldVal = "";
}
else{
fieldVal = field.getValue().format('Y/m/d');
}
return fieldVal;
}
分享到:
相关推荐
`Ext.form.TriggerField`的`triggerClass`允许你自定义触发按钮的样式,而`Ext.form.DateField`则可以通过`altFormats`来定义不同的日期输入格式。 EXT.form组件的事件处理也很重要,例如`Ext.form.TriggerField`的...
**Ext.form.DateField** 是一个日期选择器,继承自 **Ext.form.TriggerField**,专门用于日期的选择和输入。 - **altFormats**: 类型为 `String`,定义用于解析用户输入的其他日期格式,默认为 `'m/d/Y|m-d-y|m-d-Y...
Ext DateField控件是Ext JS库中的一个组件,主要用于处理日期相关的输入。在Web应用程序中,用户经常需要输入或选择日期,DateField控件提供了一个交互式的界面来完成这一任务。然而,有时我们可能只需要用户选择...
DateField是Ext.form.field.Date的实例,它继承自Ext.form.field.Text。DateField提供了一个日期选择器,允许用户通过日历图标选择日期,或者直接在文本框中输入日期。默认情况下,它会按照指定的格式显示和验证日期...
在`Ext`中,`dateField`通常通过创建`Ext.form.field.Date`类的实例来实现。它包括一个内置的日历控件,用户可以通过这个控件方便地选择日期。默认情况下,用户可以输入或选择完整的日期(年、月、日)。然而,通过...
var textField = Ext.create('Ext.form.field.Text', { fieldLabel: '文本字段', id: 'readOnlyTextField' }); // 动态设置 readOnly 为 true textField.setReadOnly(true); ``` 在上述代码中,我们首先创建了一...
1. **类定义**:创建一个新的DateField子类,可能命名为`MonthPicker`,继承自Ext.form.field.DateField。 2. **配置项**:定义新的配置选项,如`allowOnlyMonthYear`,用于开启只选择年月模式。 3. **模板修改**:...
**2.19 Date Field (Ext.form.DateField)** - **xtype**: `datefield` - **功能描述**:Date Field 是一个用于输入日期的文本框。 - **主要用途**:适用于需要用户输入日期的场景。 **2.20 Field (Ext.form.Field)...
53、Ext.form.DateField类 ………… 45 54、Ext.form.ComboBox类 ……………… 46 55、Ext.form.TimeField类 ………… 47 56、Ext.menu.Menu类 ………………… 50 57、Ext.menu.BaseItem类 …………… 50 58、Ext....
53、Ext.form.DateField类 ………… 45 54、Ext.form.ComboBox类 ……………… 46 55、Ext.form.TimeField类 ………… 47 56、Ext.menu.Menu类 ………………… 50 57、Ext.menu.BaseItem类 …………… 50 58、Ext....
1.此控件支持Ext3.2及以上版本 2.用法与Ext.form.DateField一样,xtype:'datetimefield' 3.不需要导入css或其他js 4.解决某些插件导入会显示对象未定义问题
- `datefield`:`Ext.form.DateField`,日期选择输入框。 - `timefield`:`Ext.form.TimeField`,时间输入框。 - `field`:`Ext.form.Field`,表单的基础字段。 - `fieldset`:`Ext.form.FieldSet`,用于组织...
- **概述**:`Ext` 是 ExtJS 的核心命名空间,包含了全局的方法和属性。 - **用途**:提供了一个统一的入口来访问 ExtJS 库的功能,如创建组件、管理事件等。 - **常用方法**: - `Ext.create()`: 创建一个组件实例...
`Ext.form.DateField`提供了日期选择功能,同时具备强大的校验机制。通过`format`参数,可以自定义日期的显示格式,如`'y-m-d'`。`disabledDays`参数允许禁用某些日期,如周末或其他特定日期,以满足特定业务规则。...
2. **日期字段**:使用`Ext.form.DateField`创建,用于选择日期。例如: ```javascript new Ext.form.DateField({ fieldLabel: 'Hire Date', name: 'hire_date', width: 90, allowBlank: false, // 不允许为空 ...
可以通过如下代码新建一个日期选择框: 代码如下: new Ext.form.DateField({ id: ‘diliveryDate’, format: ‘Y年m月d日’, maxValue: new Date(), minValue: ‘1900-01-01’, disabledDays: [0, 6], ...
4. **`datefield`** - `Ext.form.DateField`,日期选择项,用于输入日期。 5. **`timefield`** - `Ext.form.TimeField`,时间录入项,用于输入时间。 6. **`field`** - `Ext.form.Field`,表单字段基类,所有...
- `Ext.form.DateField`:用于选择日期。 - `Ext.form.Hidden`:用于隐藏字段,不显示在用户界面上。 - `Ext.form.HtmlEditor`:提供一个HTML编辑器,允许用户编辑富文本。 在输入验证方面,Ext Form提供了丰富的...
4. **`datefield`:** 日期选择项组件,用于让用户选择日期,通过`Ext.form.DateField`类实现。 5. **`timefield`:** 时间录入项组件,用于让用户输入时间,通过`Ext.form.TimeField`类实现。 6. **`field`:** 表单...
- **`datefield` (Ext.form.DateField)**: 日期选择项组件,用于输入日期值。 - **`timefield` (Ext.form.TimeField)**: 时间录入项组件,用于输入时间值。 - **`field` (Ext.form.Field)**: 表单字段组件,是所有...