可以使用My97 Date Picker組件來收集用戶輸入的日期值。
首先下載該組件:http://www.my97.net/dp/index.asp放到自己的項目中。
然后在項目里面引用js和css文件,例如:
<script language="javascript" type="text/javascript" src="./My97DatePicker/WdatePicker.js"></script> <link href="./My97DatePicker/skin/WdatePicker.css" rel="Stylesheet" type="text/css" />
當然,目錄要寫對。
然后在頁面添加文本框:
<input class="Wdate" type="text" onclick="WdatePicker()" id="htmlTxtBirthday" runat="server" readonly="readonly" />
這里可以用asp.net的textbox,也可以使用html的文本框。
但是這個組件默認的起始日期是客戶端的當前日期。有的時候需要用戶輸入的數據是生日,假如起始日期是當前日期,就要點擊若干次找到相應的日期,稍有點麻煩。
查看了官網的文檔,發現有解決辦法:
但是從這個來看,似乎不夠靈活。比如,有的時候我們預期的用戶都是16歲左右,那么,可以考慮以當前日期往前推15年或16年作為起始日期。
<input class="Wdate" type="text" onclick="dt=new Date();y=dt.getFullYear()-15;dt2= y.toString() +'-'+ (dt.getMonth()+1)+'-'+dt.getDate(); WdatePicker({startDate:dt2})" id="htmlTxtBirthday" runat="server" readonly="readonly" />
這個地方設置的起始日期是15年前的今天。不過,假若今天是閏年2月29日,15年前沒有2月29日,可能就錯了。故可以考慮就以15年前的元旦作為起始日期。
<input class="Wdate" type="text" onclick="dt=new Date();y=dt.getFullYear()-15;dt2= y.toString() +'-'+ 1 +'-'+1; WdatePicker({startDate:dt2})" id="htmlTxtBirthday" runat="server" readonly="readonly" />