EXTJS7 自定义日期时间选择输入框
小编:管理员 568阅读 2022.09.07
效果组件定义
Ext.define('PSR.field.Datetime', { extend: 'Ext.field.Container', xtype: 'psr-datetimefield', items: [{ xtype: 'datefield', placeholder: '日期', dateFormat: 'Y-m-d', flex: 1 }, { xtype: 'timefield', placeholder: '时间', format: 'H:i:s', flex: 1 }], getValue: function () { var date = this.getAt(0).getRawValue(); var time = this.getAt(1).getRawValue(); return date && time ? (date + ' ' + time) : null; }, setValue: function (value) { var datetime = value ? Ext.Date.parse(value, "Y-m-d H:i:s") : null; this.getAt(0).setValue(datetime); this.getAt(1).setValue(datetime); } });复制使用
... { xtype: 'formpanel', items:[{ xtype: 'psr-datetimefield', name: 'datetimeprop', label: '日期时间' }] } ... form.setValues({datetimeprop: '2020-04-10 14:27:00'}); var values = form.getValues(); // values: {datetimeprop: '2020-04-10 14:27:00'}复制
相关推荐
- ExtJs七(ExtJs Mvc创建ViewPort) 前言在4.1的时候,要先创建一个扩展于Ext.app.Application的类,然后用create创建它的实例来开始应用程序的。而在4.1.1,则可直接调用application方法开始执行应用程序,简化了。调用application方法,其参数是一个配置对象,主要配置项有以下三个:name:用来…
- 3DMAX提示和技巧 本主题标识使用 Civil View 的一些重要提示和技巧。常规使用屏幕分辨率至少为 1280x1024 的 Civil View。低于此分辨率时,一些面板将占用过多屏幕空间。 将视口设置为线框显示以达到最佳性能。 要尽可能简化用户界面,请在单个视口中工作并关闭 3ds Max 命令面…