|
日期選擇器
選擇日期
在網(wǎng)上有無(wú)數(shù)的 DATE PICKER，我也不能說(shuō)哪個(gè)好，那個(gè)不好。我就覺(jué)得這個(gè)用得順手些，也用了很久了，很方便的說(shuō)。
你可以在 http://dynarch.com/mishoo/calendar.epl 下載它。
如果你已經(jīng)下載，而且已經(jīng)用上了，看了幫助文件，沒(méi)有什么問(wèn)題了，那不用看下文了，因?yàn)樗皇且恍﹤�(gè)人使用收獲。
在一個(gè)表單中支持多個(gè)文本框的日期輸入：
在<head></head>插入下面的代碼：
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
<script type="text/javascript" src="js/calendar.js"></script>
<script type="text/javascript" src="js/calendar-zh.js"></script>
<script type="text/javascript" src="js/calendar-setup.js"></script>
在表單中使用日期選擇：
<form action="#">
開(kāi)始日期 <input type="text" name="d_s" size="20" value="2002-11-1" id="begin_date_b"><input type="reset" value="..."
onclick="return showCalendar('begin_date_b', 'y-m-d');">
<BR>結(jié)束日期<input type="text" name="d_e" size="20" value="2004-11-1" id="end_date_b"><input type="reset" value="..."
onclick="return showCalendar('end_date_b', 'y-m-d');">
</form>
注釋?zhuān)?BR>
y-m-d效果為：2003-9-24
每個(gè)文本框有對(duì)應(yīng)的ID 如上面的：id="end_date_b"
那后面的showCalendar也要對(duì)應(yīng)這個(gè)ID，不然會(huì)出錯(cuò)哦。
其它日期格式效果：注意大小寫(xiě)
|
| d |
日期 ( 效果: 1 .. 31 ) |
| dd |
日期, 前面加0 ( 效果: 01 .. 31 ) |
| m |
月 ( 效果: 1 .. 12 ) |
| mm |
月, 前面加0 ( 效果: 01 .. 12 ) |
| y |
4 位的年 ( 效果: 1979 ) |
| yy |
2 兩位年, yy - 1900 ( 效果: 79 ) (不推薦使用這個(gè)) |
| w |
the number of the week in the year (1 或者 2 兩位) |
| ww |
the number of the week, zero padded (2 位) |
| D |
short weekday name ( 效果: Sun, Wed, Fri ) |
| DD |
long weekday name ( 效果: Sunday, Wednesday, Friday ) |
| M |
short month name ( 效果: Mar, Jan, Oct ) |
| MM |
long month name ( 效果: March, January, October ) |
上面的JS文件和CSS文件 你可以在這里打包下載，RAR文件中還有一個(gè)簡(jiǎn)體中文包和一個(gè)DEMO.HTM.
點(diǎn)擊這里下載
如果你想要更多的效果，可以到作者的主頁(yè)，還有詳細(xì)閱讀幫助文件。
出處：藍(lán)色理想
責(zé)任編輯：小荷
◎進(jìn)入論壇網(wǎng)絡(luò)編程版塊參加討論
|
