ex tjs4.2 日期控件扩展 目标 Ex tjs4 日期控件,带年月日时分秒,效果图如下: 调用方法: xtype: ‘zc_form_DatetimeField’ 实现 DateTimeField.js /** * @Description 带时间的日期输入控件 * @author 张川(cr10210206@163.com) */ Ext.define('Ext.zc.form.DateTimeField', { extend:'Ext.form.field.Date', alias: 'widget.zc_form_DatetimeField', requires: ['Ext.zc.form.DateTimePicker'], /** * @cfg {String} format * The default date format string which can be overriden for localization support. The format must be valid * according to {@link Ext.Date#parse}. */ format : "Y-m-d H:i:s", /** * @cfg {String} altFormats * Multiple date formats separated by "|" to try when parsing a user input value and it does not match the defined * format. */ altFormats : "Y-m-d H:i:s", createPicker: function() { var me = this, format = Ext.String.format; //修改picker为自定义picker return Ext.create('Ext.zc.form.DateTimePicker',{ pickerField: me, ownerCt: me.ownerCt, renderTo: document.body, floating: true, hidden: true, focusOnShow: true, minDate: me.minValue, maxDate: me.maxValue, disabledDatesRE: me.disabledDatesRE, disabledDatesText: me.disabledDatesText, disabledDays: me.disabledDays, disabledDaysText: me.disabledDaysText, format: me.format, showToday: me.showToday, startDay: me.startDay, minText: format(me.minText, me.formatDate(me.minValue)), maxText: format(me.maxText, me.formatDate(me.maxValue)), listeners: { scope: me, select: me.onSelect }, keyNavConfig: { esc: function() { me.collapse(); } } }); }, /** * @private */ onExpand: function() { var value = this.getValue(); //多传一个参数,从而避免时分秒被忽略。 this.picker.setValue(Ext.isDate(value) ? value : new Date(), true); } }); DateTimePicker.js /** * @Description 带时间选择的日历选择器 * @author 张川(cr10210206@163.com) */ Ext.define('Ext.zc.form.DateTi...