`

ext datefield timefield and format

    博客分类:
  • ext
阅读更多

DateField TimeField 日期控件 时间控件 日历控件
在extjs中,自带了两个与时间有关的控件,
html:
<div id='dp' style='width: 120px; height: 30px;'<>/div>
js:
//日期格式参考extjs api文档的Date类型, 参考下面的FormPanel
var md = new Ext.form.DateField({
    fieldLabel: 'Register Date',
    name: 'register_date',
    width: 190,
    allowBlank: false, // 设置非空,
    altFormats: 'Y-m-d H:i:s',
    format: 'Y-m-d H:i:s',
    blankText: 'rrr ...', //如为空,后面会出现一个I的图标,点击后出现的alt内容
    emptyText: 'Select a date ...' //如为空,直接在input中出现的text,有红色边框
});
md.render('dp'); // 在div中显示
// 这是是用DateField做例子,TimeField 也是差不多的.

再看看Ext.Date的格式说明
    d 01 to 31
    D Mon to Sun
    j 1 to 31
    l Sunday to Saturday
    N 1 (for Monday) through 7 (for Sunday)
    S st, nd, rd or th. Works well with j
    w 0 (for Sunday) to 6 (for Saturday)
    z 0 to 364 (365 in leap years)
    W 01 to 53
    F January to December
    m 01 to 12
    M Jan to Dec
    n 1 to 12
    t 28 to 31
    L 1 if it is a leap year, 0 otherwise.
    o Examples: 1998 or 2004
    Y Examples: 1999 or 2003
    y Examples: 99 or 03
    a am or pm
    A AM or PM
    g 1 to 12
    G 0 to 23
    h 01 to 12
    H 00 to 23
    i 00 to 59
    s 00 to 59
    u 001 to 999
    O Example: +1030
    P Example: -08:00
    T Examples: EST, MDT, PDT ...
    Z -43200 to 50400
    c 2007-04-17T15:19:21+08:00
    U 1193432466 or -2138434463

分享到:
评论

相关推荐

    EXT核心API详解

    19、Ext.util.Format类 ………………… 20 20、Ext.util.DelayedTask类 ……………… 20 21、Ext.util.TaskRunner类 …………… 21 22、Ext.util.TextMetrics类 …………… 21 23、Ext.XTemplate类 ………………… ...

    ext_表单提交_数据校验

    `Ext.form.TimeField`用于处理时间输入,其`increment`参数控制时间选择的步长,例如每半小时或每小时。`minValue`和`maxValue`参数则限定时间的选择范围,这对于限制用户在特定时间段内进行操作非常有用。 #### 五...

    ExtJS入门教程(超级详细)

    19、Ext.util.Format类 ………………… 20 20、Ext.util.DelayedTask类 ……………… 20 21、Ext.util.TaskRunner类 …………… 21 22、Ext.util.TextMetrics类 …………… 21 23、Ext.XTemplate类 ………………… ...

    Ext Js权威指南(.zip.001

    8.1.3 格式化输出数据:ext.string、ext.number、ext.date和ext.util.format / 389 8.1.4 超级模板:ext.xtemplate(包括ext.xtemplateparser和ext.xtemplatecompiler) / 393 8.1.5 模板的方法 / 396 8.2 组件...

    extjs帮助文档pdf版

    - `Ext.Number.format(number, format)`: 使用指定格式格式化数字。 - `Ext.Number.toFixed(number, digits)`: 将数字四舍五入到固定的小数位数。 #### 4. String 类 (P.4) - **概述**:提供了处理字符串的操作...

    EXTJS属性文档

    本文将深入探讨EXTJS的一些重要属性,包括`Ext.form.TimeField`、`Ext.form.FieldSet`、`Ext.form.DateField`和`Ext.form.ComboBox`。 首先,`Ext.form.TimeField`是EXTJS中的一个时间选择控件,用于让用户选择一个...

    Extjs4.2时间选择插件精确到时分秒

    然后,在ExtJS的应用配置中,我们可以创建一个基于Ext.form.field.Time的自定义字段,通过配置`format`属性来指定时间格式,例如`'H:i:s'`,这样就能显示小时、分钟和秒了。如果DateTime.js提供了额外的配置选项或...

    extjs控件属性

    1. Ext.form.TimeField: - maxValue:设置控件允许的最大时间。 - maxText:当输入时间超过最大值时显示的错误提示。 - minValue:设置控件允许的最小时间。 - minText:当输入时间小于最小值时显示的错误提示。...

    Extjs控件属性(详细版)

    #### 一、Ext.form.TimeField 控件属性 **Ext.form.TimeField** 是Extjs框架中用于处理时间选择的一个控件。它提供了多种配置选项来帮助开发者灵活地控制时间的选择范围、格式以及输入验证等。 - **maxValue**:...

    extjs的快速入门教程

    - **Ext.util.Format类**: 字符串格式化工具。 - **Date扩展**: 日期格式化。 - **String扩展**: 字符串操作。 - **Function扩展**: 函数封装。 #### 总结 ExtJS提供了强大的功能和丰富的组件,适用于快速开发高...

Global site tag (gtag.js) - Google Analytics