当前位置:Gxlcms > JavaScript > Extjs学习笔记之三extjsform更多的表单项_extjs

Extjs学习笔记之三extjsform更多的表单项_extjs

时间:2021-07-01 10:21:17 帮助过:7人阅读

1.日期选择框,DateField
日期选择框在日常项目中被广泛应用,一个方便的日期输入机制能够极大的提高用户体验。Extjs的DateField非常友好灵活强大。可以通过如下代码新建一个日期选择框:
代码如下:

new Ext.form.DateField({
id: 'diliveryDate',
format: 'Y年m月d日',
maxValue: new Date(),
minValue: '1900-01-01',
disabledDays: [0, 6],
disabledDaysText: '禁止选择该日期',
fieldLabel: '选择日期',
width:200,
showToday:false
})

效果如下:
image
注意,默认情况下,这个日历显示的是英文,如果需要显示中文,需要引入区域文件: