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

最新推荐文章于 2018-05-25 10:51:38 发布

weixin_34313182

最新推荐文章于 2018-05-25 10:51:38 发布

阅读量179

点赞数

文章标签： xhtml javascript ViewUI

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>

效果图：

weixin_34313182

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ext.form.field.Time时间选择框

1、Ext.form.field.Time主要配置Ext.form.field.Time主要配置项目表配置项类型说明altFormatString多个时间输入格式组成的字符串，不同的格式之间使用"|"分隔。将使用这些格式来解析用户的输入信息。默认值为"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|...
复制链接

扫一扫