Ext.form.field.Time时间选择框

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,
                width: 240,
                renderTo: Ext.getBody(),
                items: [{
                    fieldLabel: "时间选择框",
                    labelWidth: 80,
                    width: 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>

效果图：

posted @ 2012-04-22 10:32  libingql  阅读(5652)  评论(0)  编辑  收藏  举报