forked from dwzteam/dwz_jui
-
Notifications
You must be signed in to change notification settings - Fork 0
/
w_datepicker.html
127 lines (120 loc) · 5.15 KB
/
w_datepicker.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<h2 class="contentTitle">日历控件</h2>
<div class="pageContent">
<form method="post" action="demo/common/ajaxDone.html" class="pageForm required-validate" onsubmit="return validateCallback(this, navTabAjaxDone);">
<div class="pageFormContent" layoutH="98">
<p>
<label>默认格式：</label>
<input type="text" name="date1" class="date" readonly="true"/>
<a class="inputDateButton" href="javascript:;">选择</a>
<span class="info">yyyy-MM-dd</span>
</p>
<p>
<label>定义日期范围：</label>
<input type="text" name="date2" value="2000-01-15" class="date" minDate="2000-01-15" maxDate="2012-12-15" readonly="true"/>
<a class="inputDateButton" href="javascript:;">选择</a>
</p>
<p>
<label>自定义日期格式：</label>
<input type="text" name="date3" class="date" dateFmt="yyyy/MM/dd" minDate="2000-01" maxDate="2012-06" readonly="true" />
<a class="inputDateButton" href="javascript:;">选择</a>
<span class="info">yyyy/MM/dd</span>
</p>
<p>
<label>自定义日期格式：</label>
<input type="text" name="date4" class="date" dateFmt="dd/MM/yyyy" minDate="2000" maxDate="2012" readonly="true"/>
<a class="inputDateButton" href="javascript:;">选择</a>
<span class="info">dd/MM/yyyy</span>
</p>
<p>
<label>动态参数minDate：</label>
<input type="text" name="date5" class="date" dateFmt="dd/MM/yy" minDate="{%y-10}-%M-%d" maxDate="{%y}-%M-{%d+1}"/>
<a class="inputDateButton" href="javascript:;">选择</a>
<span class="info">dd/MM/yy</span>
</p>
<p>
<label>自定义日期格式：</label>
<input type="text" name="date6" class="date" dateFmt="MMdd" minDate="2000-01-01" maxDate="2020-12-31"/>
<a class="inputDateButton" href="javascript:;">选择</a>
<span class="info">MMdd</span>
</p>
<p>
<label>自定义日期格式：</label>
<input type="text" name="date7" class="date" dateFmt="yyyy年MM月dd日" minDate="2000-01-01" maxDate="2020-12-31"/>
<a class="inputDateButton" href="javascript:;">选择</a>
<span class="info">yyyy年MM月dd日</span>
</p>
<p>
<label>自定义日期格式：</label>
<input type="text" name="date8" class="date" dateFmt="y年M月d日" minDate="2000-01-01" maxDate="2020-12-31"/>
<a class="inputDateButton" href="javascript:;">选择</a>
<span class="info">y年M月d日</span>
</p>
<div class="divider"></div>
<h3>日期 + 时间</h3>
<div class="unit">
<label>自定义日期格式：</label>
<input type="text" name="date10" class="date" dateFmt="yyyy-MM-dd HH:mm:ss" readonly="true"/>
<a class="inputDateButton" href="javascript:;">选择</a>
<span class="info">yyyy-MM-dd HH:mm:ss</span>
</div>
<div class="unit">
<label>自定义日期格式：</label>
<input type="text" name="date11" class="date" dateFmt="yyyy-MM-dd HH:mm" readonly="true"/>
<a class="inputDateButton" href="javascript:;">选择</a>
<span class="info">yyyy-MM-dd HH:mm</span>
</div>
<div class="unit">
<label>自定义日期格式：</label>
<input type="text" name="date12" class="date" dateFmt="yyyy-MM-dd HH:ss" readonly="true"/>
<a class="inputDateButton" href="javascript:;">选择</a>
<span class="info">yyyy-MM-dd HH:ss</span>
</div>
<div class="unit">
<label>自定义日期格式：</label>
<input type="text" name="date13" class="date" dateFmt="y年M月d日 H点" readonly="true"/>
<a class="inputDateButton" href="javascript:;">选择</a>
<span class="info">y年M月d日 H点</span>
</div>
<div class="unit">
<label>自定义日期格式：</label>
<input type="text" name="date14" class="date" dateFmt="EEE HH:mm:ss" readonly="true"/>
<a class="inputDateButton" href="javascript:;">选择</a>
<span class="info">EEE HH:mm:ss</span>
</div>
<div class="unit">
<label>自定义只有时间：</label>
<input type="text" name="date15" class="date" dateFmt="HH:mm:ss" readonly="true"/>
<a class="inputDateButton" href="javascript:;">选择</a>
<span class="info">HH:mm:ss</span>
</div>
<div class="unit">
<label>自定义时间：</label>
<input type="text" name="date16" class="date" dateFmt="HH:mm" mmStep="15" readonly="true"/>
<a class="inputDateButton" href="javascript:;">选择</a>
<span class="info">HH:mm</span>
</div>
<div class="nowrap">
<p>
定义日期范围属性minDate,maxDate静态格式y-M-d或y-M或y，支持以下几种写法:<br/>
minDate="2000-01-15" maxDate="2012-12-15"<br/>
minDate="2000-01" maxDate="2012-12"<br/>
minDate="2000" maxDate="2012"<br/>
</p>
<p>
定义日期范围属性minDate,maxDate动态态格式%y-%M-%d或%y-%M或%y，支持以下几种写法:<br/>
minDate="{%y-10}-%M-%d" maxDate="{%y}-%M-{%d+1}"<br/>
minDate="{%y-10}-%M" maxDate="{%y+10}-%M"<br/>
minDate="{%y-10}" maxDate="{%y+10}"<br/>
</p>
</div>
</div>
<div class="formBar">
<ul>
<li><div class="buttonActive"><div class="buttonContent"><button type="submit">提交</button></div></div></li>
<li>
<div class="button"><div class="buttonContent"><button type="button" class="close">取消</button></div></div>
</li>
</ul>
</div>
</form>
</div>