电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

extjs4.2日期控件扩展

extjs4.2日期控件扩展_第1页
1/8
extjs4.2日期控件扩展_第2页
2/8
extjs4.2日期控件扩展_第3页
3/8
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...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

extjs4.2日期控件扩展

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部