ext window中定义一个时间类型输入框
时间: 2024-01-07 12:04:26 浏览: 79
EXT中文手册8
在Ext.js中,可以使用Ext.form.field.Time类来创建一个时间类型输入框。以下是一个示例代码:
```
Ext.create('Ext.form.Panel', {
title: '时间输入',
width: 300,
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [{
xtype: 'timefield',
fieldLabel: '时间',
name: 'time',
minValue: '00:00 AM',
maxValue: '11:59 PM',
format: 'h:i A'
}]
});
```
在上面的示例代码中,我们创建了一个Ext.form.Panel面板,并在其内部创建一个时间类型输入框。我们使用`xtype: 'timefield'`配置项来指定该输入框的类型。`fieldLabel`配置项用于指定输入框的标签名称,`name`配置项用于指定该输入框的字段名,`minValue`和`maxValue`配置项用于指定该输入框的最小值和最大值,`format`配置项用于指定该输入框的时间格式。
当我们运行该代码时,就会在页面上显示一个时间类型输入框,用户可以在该输入框中输入一个时间值。
阅读全文