asp.net使用My97 Date Picker时设置默认起始时间为n年之前的今天

时间:2022-12-02 08:34:25

可以使用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的文本框。

asp.net使用My97 Date Picker时设置默认起始时间为n年之前的今天

asp.net使用My97 Date Picker时设置默认起始时间为n年之前的今天

但是这个组件默认的起始日期是客户端的当前日期。有的时候需要用户输入的数据是生日,假如起始日期是当前日期,就要点击若干次找到相应的日期,稍有点麻烦。

查看了官网的文档,发现有解决办法:

asp.net使用My97 Date Picker时设置默认起始时间为n年之前的今天

但是从这个来看,似乎不够灵活。比如,有的时候我们预期的用户都是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" />