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

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

  1. .NET DateTime类型变量作为参数时设置默认值

    一个小的 Tips. .NET 中函数参数的默认值需要是编译时常量.如果参数是引用类型,可以设置Null,如果是值类型,可以设置相应的编译时常量,如整型可以用整数,但对于DateTime(结构体,值类 ...

  2. select2 插件编辑时设置默认值

    function htDate(selectCustomerId, val) { var customerId = selectCustomerId; var values = val; ajaxJs ...

  3. Jackson将对象转换为json字符串时,设置默认的时间格式

    maven需要的依赖: <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifac ...

  4. 【转载】mysql建表date类型不能设置默认值

    如题,mysql建表date类型的不能设置一个默认值,比如我这样: CREATE TABLE `new_table` ( `biryhday` datetime NULL DEFAULT '1996- ...

  5. 001. 为input type=text 时设置默认值

    1. 前端HTML代码 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Defa ...

  6. Hbuilder MUI 选择器(Picker)设置默认选项

    mui 联动选择初始化很多人都遇到问题,就是setselectedvalue 不好用,实际上这个地方应该是有bug的 所以只能用setselectedindex 来实现 下面我是我的实现方式供大家参考 ...

  7. img图片不存在时设置默认图片

    当在页面显示的时候,万一图片被移动了位置或者丢失的话,将会在页面显示一个带X的图片,很是影响用户的体验.即使使用alt属性给出了"图片XX"的提示信息,也起不了多大作用. 其实,可 ...

  8. Appium在没有收到下一个命令时,默认超时时间是60s,超时后应用将会自动关闭,如果有需要等待超过60s的场景,怎么处理?

    DesiredCapabilities capabilities = new DesiredCapabilities(); capabilities.setCapability("newCo ...

  9. Mysql 数据库date, datetime类型设置0000-00-00默认值(default)报错问题

    Mysql 数据库date, datetime类型设置0000-00-00默认值报错问题 现象:MySQL5.7版本之后,date, datetime类型设置默认值"0000-00-00&q ...

随机推荐

  1. Myeclipse 找不到Convert to maven project选项

    https://my.oschina.net/u/2419190/blog/504417 Window > Preferences > General > Capabilities  ...

  2. iOS 启动图那些坑

    当我们按照图片尺寸要求将所有的图片添加到工程中后,上传打包的工程时可能会出现一个问题:说工程中不存在启动图.但是我们明明已经导入启动图了,那么问题出在哪呢.我经过多次试验,发现压缩过后的图片作为启动图 ...

  3. javascript复习总结

    改变HTML内容:document.getElementById(id).innerHTML = new HTML; 改变HTML属性:document.getElementById(id).inne ...

  4. MySQL 句柄数占用过多的解决方法

    在Windows下安装MySQL ,用了官方的配置向导生成了my.ini,本以为很安稳了,谁知十多个小时过去之后,系统响应非常慢,看资源管理器的性能卡,发现句柄数竟然达到了10万!怪不得无论使用什么程 ...

  5. Huawei校招机试中的猴子吃桃问题

    //============================================================================ // Name : Monkey& ...

  6. centos 非可视化查看已安装的redis

    1. 2.

  7. 微信、QQ浏览器X5内核问题汇总

    一. 资料汇总 1.前端H5调起QQ浏览器的总结:http://km.oa.com/group/22486/articles/show/210189?kmref=search 2.Android We ...

  8. Asp.net MVC 视图(四)

    强类型辅助方法 模板辅助方法 Asp.net MVC中的模板辅助方法利用元数据和模板构建HTML,即:模板辅助方法可以通过使用数据注解,在运行时使用合适的任何“编辑器”来生成合适的HTML标记元数据包 ...

  9. ETL工具与脚本实现之间的对比

    scripts, custom code and individual vs. team development doesn’t scale And: ‣Lack of coding standard ...

  10. 基于NodeJS的全栈式开发

    前言 为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异.痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的 NodeJS,试 ...