程序员刘杨

大家都知道ExtJs是一个非常强大的工具，为什么说它非常强大了？就是因为它把我们所能想到的一切东西都已经做好了，我们只需要按照它提供的格式去写就可以了。

首先我们来说一下日期控件Ext.form.DateField，创建代码如下：

var md = new Ext.form.DateField({
    name: 'testDate',
    width: 110,
    format: 'Y-m-d',
    emptyText: '请选择日期 ...'
});

其中最主要的就是他的format属性了，主要参数包括：
格式 说明 例子
d 月里面的日期，2位，不足前面补0 01-31
D 星期里面的每天的缩写 Mon – Sun
j 月里面的日期，前面不补0 1-31
l 星期的完整写法 Sunday to Saturday
N ISO-8601的星期表示法 1=星期一，7是星期日
S 英语习惯的月内每天的2位的前缀 st, nd, rd or th.
w 星期的数字表示 0=星期日，6等星期六
Z 在年内的第几天，从0开始 0-364，闰年是365
W ISO-8601格式的，年内的星期数，从星期一开始 01-53
F 月份的完整文字表示 January to December
m 月份的2位数字表示，不足前面补零 01-12
M 月份的缩写文字表示 Jan to Dec
n 月份的数字表示，不补零 1-12
t 月份的最大天数 28-31
L 是否为闰年 1是闰年，0则不是
o ISO-8601的年份表示，和Y相同，但是如果星期(W)输入前一年或者后一年，则替换为那个年 1998，2004
Y 4位的年份表示 2008
y 2位的年份表示 98，08
a 小写的上下午表示 am pm
A 大写的上下午 AM PM
g 12小时制，不补零 1-12
G 24小时制，不补零 0-23
h 12小时制，2位，不足补零 01-12
H 24小时制，2位,不足补零 00-23
i 分钟，2位，不足补零 00-59
s 秒，2位，不足补零 00-59
u 毫秒，前面补零 001 999

有了这些我们就可以根据我们所需要的任意格式来设计日期控件了。

~谢谢打赏~手机请长按图片~

赞 赏