1、Ext.form.field.Time主要配置
Ext.form.field.Time主要配置项目表
| 配置项 | 类型 | 说明 |
|---|---|---|
| altFormat | String | 多个时间输入格式组成的字符串，不同的格式之间使用"|"分隔。将使用这些格式来解析用户的输入信息。默认值为"g:ia|g:iA|g:i a|g:i A|h:i|g:i|H:i|ga|ha|h a|g a|g A|gi|hi|gia|hia|g|H|gi a|hia|giA|hiA|gi A|hi A" |
| format | String | 显示格式，默认为"g:i A" |
| increment | Number | 在时间列表中两个相邻选项的时间间隔，默认为15分钟。 |
| invalidText | String | 输入值无效时的提示消息，默认为"{value} is not a valid time" |
| maxValue | Date/String | 列表中允许的最大时间 |
| maxText | String | 当时间大于最大值时的提示信息 |
| minValue | Date/String | 列表中允许的最小时间 |
| minText | String | 当时间小于最小值时的提示信息 |
| pickerMaxHeight | Number | 时间拾取器的最大高度，默认为300px |
| submitFormat | String | 设置提交到服务器的日期格式，默认为format |
时间显示格式说明
| 标识 | 说明 | 示例 |
|---|---|---|
| g | 小时，12时计时法，不带前缀0 | 1至12 |
| G | 小时，24时计时法，不带前缀0 | 1至23 |
| h | 小时，12时计时法，带前缀0 | 01至12 |
| H | 小时，24时计时法，带前缀0 | 01至23 |
| i | 分钟，带前缀0 | 00至59 |
| s | 秒，带前缀0 | 00至59 |
| a | 午前与午后缩写，小写表示 | am(午前) pm(午后) |
| A | 午前与午后缩写，小写表示 | AM(午前) PM(午后) |
| u | 毫秒，带前缀0 | 001至999 |
| O | 所在时区与格林威治时间在小时和分钟上的差异 | +1030 |
| P | 所在时区与格林威治时间在小时和分钟上的差异，在小时和分钟之间插入“：” | -8:30 |
| T | 所在时区缩写 | EST等 |
| Z | 所在时区与格林威治时间在时间上的差距，以s为单位 |
2、Ext.form.field.Time示例
代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Ext.form.field.Time示例</title> <link href="ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <script src="ext-4.0.7-gpl/bootstrap.js" type="text/javascript"></script> <script type="text/javascript"> Ext.onReady(function () { var frm = new Ext.form.Panel({ title: "Ext.form.field.Time示例", bodyStyle: "padding:5", frame: true, height: 100, 240, renderTo: Ext.getBody(), items: [{ fieldLabel: "时间选择框", labelWidth: 80, 200, xtype: "timefield", labelSeparator: "：", labelAlign: "left", msgTarget: "side", autoFitErrors: false, maxValue: "18:00", maxText: "时间应小于{0}", minValue: "10:00", minText: "时间应大于{0}", pickerMaxHeight: 100, increment: 60, format: "G时i分s秒", invalidText: "时间格式无效" }] }); }); </script> </head> <body> </body> </html>
效果图：
