你的位置:首页 > ASP.net教程

[ASP.net教程]日期时间选择器


日期时间选择器

以基于asp.net mvc框架开发的近乎产品为例,聊一聊他们使用的日期时间选择器。相关源码下载地址:http://www.jinhusns.com/Products/Download?type=whp

概述

功能说明

基于jQuery UI Datepicker (V1.8.7)和 jquery-ui-timepicker-addon 插件构建,并提供了以下主要功能:

  • 1.自定义日期格式
  • 2. 限制可选择的日期范围
  • 3. 可以设置是否选择时间

更多信息请参见:

  • jQuery UI datepicker:http://jqueryui.com/demos/datepicker/
  • jquery-ui-timepicker-addon:http://trentrichardson.com/examples/timepicker/
示例

自定义日期格式

仅限于使用“y”、“M”、“d”三种格式说明符

查看源代码



限制可选择的日期范围

通过设置minDate、maxDate来限制,可为其设置以下情况的数值:静态日期、整数、空、日期表达式

  日期格式,必须和设置的日期格式保持一致,默认设置为“yyyy-MM-dd”

  是指相对于当前日期加多少天,比如:其值为"-2",当前日期为"2012-01-05",则其对应日期为"2012-01-03"

  表示没有限制

  指基于当前日期进行计算的表达式,允许使用的日期单位“Y”、“M”、“W”、“D”,更多说明参见日期表达式


查看源代码



选择时间

查看源代码



在表单中使用

需在EditModel中,为表单项设置数据标记DataType来使用日期选择器模板。若需要选择时间,可以设置[DataType(DataType.DateTime)],否则[DataType(DataType.Date)]。

允许在EditModel中,为表单项设置数据标记DateRange来控制用户选择日期的范围, 例如:[DateRange(MinDate = "0", MaxDate= "1W+2d")], 具体数值设置和限制可选择的日期范围相同

 
 
 

查看源代码



完整示例

 


查看源代码



常见问题

日期表达式是什么?

是指基于当前日期进行计算的表达式,使用表达式我们可以很方便的控制日期范围。其有以下特点:

    • 表达式可以看作是由多个子项拼接在一起的,允许子项之间有空格
    • 每个子项的形式为[符号位][数字位][日期单位],其中符号位可选值为"+"或"-",并可以省略符号位
    • 日期单位不区分大小写
    • 不填日期单位,默认为天

允许使用的日期单位说明如下:

  1. Y、y - 在当前年份的基础上增加多少年,比如:"+12Y",当前日期为"2012-01-05",表示"2024-01-05"
  2. M、m - 在当前月份的基础上增加几个月,比如:"+2M",当前日期为"2012-01-05",表示"2012-03-05"
  3. W、w - 在当前日期的基础上增加多少个周,比如:"+1W",当前日期为"2012-01-05",表示"2012-01-12"
  4. D、d - 在当前年份的基础上增加多少天,比如:"-2D",当前日期为"2012-01-05",表示"2012-01-03"



巴厘岛六日游行程安排参考去巴厘岛旅游跟团行程巴厘岛旅游护照签证巴厘岛旅游路线报价费用巴厘岛旅游哪里好玩呢飞沙滩在哪里,怎么去? 竹仙洞在哪里,怎么去? 巫山红叶渐变红 神女溪旅游升温 梅溪牌坊门票价格是多少? 花都香草世界门票团购优惠吗?广州花都香草世界多少人可以团购? 南昆山三寨谷电话?惠州龙门南昆山三寨谷门票价格? 惠州三寨谷度假村门票多少钱?三寨谷度假村儿童怎么收费? 南昆三寨谷度假村好玩吗?三寨谷度假村怎么样? 三王峪门票团购价格?章丘三王峪团购优惠吗? 三王峪门票多少钱?章丘三王峪门票优惠政策? 黄河三峡景区叫妈免门票活动时间?济源黄河三峡叫妈免门票是真的吗? 济源黄河三峡5月优惠活动有哪些?黄河三峡5月免门票吗? 深圳怎么到惠州龙门温泉?大概要多久?车费是多少? 广东电话订票电话是多少?跟其他地方一样吗? 电话订票有什么方法吗?电话订票攻略 卢沟桥上有多少只石狮子? 556-3708-304F Datasheet 556-3708-304F Datasheet 556-3709-304 Datasheet 556-3709-304 Datasheet 556-3709-304F Datasheet 556-3709-304F Datasheet 牡丹江去香港迪士尼旅游 牡丹江去香港迪士尼旅游 牡丹江去香港迪士尼旅游 阳泉市去香港旅游 阳泉市去香港旅游 阳泉市去香港旅游 运城香港旅游 运城香港旅游 运城香港旅游