可以使用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" />