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

简介: 可以使用My97 Date Picker组件来收集用户输入的日期值。 首先下载该组件:http://www.my97.net/dp/index.asp放到自己的项目中。 然后在项目里面引用js和css文件,例如: 当然,目录要写对。

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

 

相关文章
|
12月前
|
XML 存储 JSON
使用自定义XML配置文件在.NET桌面程序中保存设置
本文将详细介绍如何在.NET桌面程序中使用自定义的XML配置文件来保存和读取设置。除了XML之外,我们还将探讨其他常见的配置文件格式,如JSON、INI和YAML,以及它们的优缺点和相关的NuGet类库。最后,我们将重点介绍我们为何选择XML作为配置文件格式,并展示一个实用的示例。
115 0
|
1月前
|
开发框架 JavaScript .NET
Vue与ASP.NET Core Web Api设置localhost与本地ip地址皆可访问
Vue与ASP.NET Core Web Api设置localhost与本地ip地址皆可访问
30 0
|
4月前
|
JSON 开发框架 .NET
ASP.NET Core Web API设置响应输出的Json数据格式的两种方式
ASP.NET Core Web API设置响应输出的Json数据格式的两种方式
136 0
|
XML 编解码 C#
.NET MAUI 安卓 UI 资源设置
本文主要介绍使用 MAUI 开发安卓应用时,如何更换和处理 UI 资源:应用名称,图标,主题配色,状态栏,闪屏。
554 0
.NET MAUI 安卓 UI 资源设置
|
网络协议 开发工具
Mac虚拟机Net模式设置
Mac虚拟机Net模式设置
158 0
|
物联网 网络性能优化 开发工具
.NET Core 跨平台物联网网开发:设置委托事件(二)
.NET Core 跨平台物联网网开发:设置委托事件(二)
276 0
.NET Core 跨平台物联网网开发:设置委托事件(二)
|
开发框架 .NET 网络安全
C# ASP.Net 设置外网访问
C# ASP.Net 设置外网访问
753 0
C# ASP.Net 设置外网访问
ASP.NETAPI跨域设置(超简易)
ASP.NETAPI跨域设置(超简易)
98 0
ASP.NETAPI跨域设置(超简易)
|
JSON 物联网 数据格式
阿里云物联网.NET Core客户端 CZGL.AliloTClient:5.设置设备属性
阿里云物联网.NET Core客户端 CZGL.AliloTClient:5.设置设备属性
351 0
|
消息中间件 网络协议 NoSQL
这些关键设置没搞好,胡乱升级.NET5的 后果自负
这些关键设置没搞好,胡乱升级.NET5的 后果自负
138 0
这些关键设置没搞好,胡乱升级.NET5的 后果自负