EXC中时间控件的使用

雨点打透心脏的1/2处 2023-07-25 12:57 4阅读 0赞

## EXC中时间控件的使用 ##

#### 第一种：用户可以自主选择时间 ####

页面效果：  
![在这里插入图片描述][20200415113549475.png]  
对应代码：format: ‘Y-m-d H:i:s’,是时间格式，可以自己选择，Y-m-d H:i:s按照顺序分别对应的是年月日时分秒。

var _txtStartTime = { 
                    xtype: 'datefield',
                    name: 'startTime',
                    selectOnFocus: true,
                    value: new Date(),
                    format: 'Y-m-d H:i',
                    fieldLabel: '开始时间',
                    hiddenValue: false,
                };
     var _txtEndTime = { 
                    xtype: 'datefield',
                    name: 'endTime',
                    selectOnFocus: true,
                    value: new Date(),
                    format: 'Y-m-d H:i',
                    fieldLabel: '结束时间',
                    hiddenValue: false,
                };

#### 第二种：给时间设为只读格式(只需要添加readOnly:true,即可) ####

### 第三种，给时间设置自己想要的默认值 ###

页面效果：  
![在这里插入图片描述][20200415114223496.png]  
我这里设置的默认值是当前时间一天后的时间，

var _txtEndTime = { 
                    xtype: 'datefield',
                    name: 'endTime',
                    selectOnFocus: true,
                    focusSN: '',
                    value: new Date(),
                    format: 'Y-m-d H:i',
                    //设置默认值方式
                    value:new Date().add(Date.DAY, +1),
                    fieldLabel: '结束时间',
                    readOnly:true,
                    hiddenValue: false,
                };

[20200415113549475.png]: /images/20230528/2659f9faa63349ab9598d6b61fb965d3.png
[20200415114223496.png]: /images/20230528/914337838fbc4f99b9af0ee17c232da4.png