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

最新推荐文章于 2019-03-14 12:13:44 发布

njit_peiyuan

最新推荐文章于 2019-03-14 12:13:44 发布

阅读量249

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/445553

本文介绍如何使用My97DatePicker组件收集用户输入的日期，并调整默认起始日期以提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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