My97DatePicker日期范围限制

My97DatePicker日期范围限制

  1.动态时间范围限制:

     1)只能选择今天以前的日期(包含今天)。

<input type="text" class="Wdate" id="occurDate" onfocus="WdatePicker({skin:‘whyGreen‘,dateFmt: ‘yyyy-MM-dd‘, maxDate:‘%y-%M-%d‘, readOnly:true})" value = "${occurdate}" style="background-color:#e4e4e4;; height:65%; width:100%"></input>

2) 只能选择今天以后的日期(不包含今天),使用运算表达式。

<input type="text" class="Wdate" id="occurDate" onfocus="WdatePicker({skin:‘whyGreen‘,dateFmt: ‘yyyy-MM-dd‘, minDate:‘%y-%M-{%d+1}‘, readOnly:true})" value = "${occurdate}" style="background-color:#e4e4e4;; height:65%; width:100%"></input>

3) 只能选择本月日期1号到本月最后一天的日期。

<input type="text" class="Wdate" id="occurDate" onfocus="WdatePicker({skin:‘whyGreen‘,dateFmt: ‘yyyy-MM-dd‘, minDate:‘%y-%M-01‘,maxDate:‘%y-%M-%ld‘, readOnly:true})" value = "${occurdate}" style="background-color:#e4e4e4;; height:65%; width:100%"></input>

4) 只能选择今天8:00:00至明天12:00:00的日期。

<input id="occurDate" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:‘yyyy-M-d H:mm:ss‘,minDate:‘%y-%M-%d 8:00:00‘,maxDate:‘%y-%M-{%d+1} 12:00:00‘})"/>

5) 只能选择10小时前至50小时后的日期。

<input id="occurDate" class="Wdate" type="text" onClick="WdatePicker({dateFmt:‘yyyy-MM-dd HH:mm‘,minDate:‘%y-%M-%d {%H-10}:%m:%s‘,maxDate:‘%y-%M-%d {%H+50}:%m:%s‘})"/>
时间: 2024-10-25 05:35:50

My97DatePicker日期范围限制的相关文章

My97DatePicker日期控件的使用

本文演示如何在MyEclipse项目中使用My97DatePicker日期控件 1.下载My97DatePicker日期控件, My97DatePicker日期控件下载地址 2.在MyEclipse项目中安装My97DatePicker,把下载后的My97DatePicker解压后放在WebRoot子目录下,如WebRoot/dd/js/My97DatePicker(我把My97DatePicker放在WebRoot/dd/js/目录下,My97DatePicker为解压后的文件夹) 3.引用M

根据条件决定My97DatePicker日期控件弹出的日期格式

代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>根据条件决定My97DatePicker日期控件弹出的日期格式</title> 6 <link rel="stylesheet" type="text/css" href="css/bootstrap.min.

My97DatePicker日期控件实现按日、周、月、季、年选择时间段

 http://www.cnblogs.com/kevin-zlg/p/4631413.html 前台页面需要使用日期控件时,同事选择了My97DatePicker,功能还是挺强大的,在使用过程中需要实现按日.按周.按月.按季度.按年选择时间的功能. 控件自身提供了按日.按月和按年选择的功能,但是选择周和选择季度没有,鉴于方便,在选择周时就使用了选择日的状态,选择了日后再计算这一天所属的周的起始和结束日期. 在选择季度时,使用了选择月份的状态,选择月份后计算所属的季度的开始和结束日期. 控件本身

My97DatePicker日期控件用法

用法很简单,主要演示都在myDate.html  <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!-- 它的官网是http://www.my97.net/ --> <!-- 引入它的js(这里用的是My97.DatePicker.4.72.Release) --> <!-- My97DatePicker引入到项目中后的目录结构如下 W

My97datepicker日期控件

转自:http://www.my97.net/dp/demo/index.htm 非常不错的一篇文章,介绍的很详细.感兴趣的朋友可以好好研究一下. 网上资源很多的,可以下一个来使用. 先说一下整个文件的结构: 简单介绍各个目录的作用: My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除(4.8以后不存在此文件) 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方

JQuery日历插件My97DatePicker日期范围限制

转:http://www.xiongge.club/744.html My97DatePicker是一个非常优秀的日历插件,不仅支持多种调用模式,还支持日期范围限制. 常规的调用比较简单,如下所示: 1 <input class="Wdate" id="d1" onclick="WdatePicker()" /> 下面重点说明日期范围限制: 1)静态限制 你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期

my97DatePicker日期控件——日期输入框联动,使用focus使第二个输入框没展示出日期控件

描述问题场景: 1.jquery使用的版本是jquery-1.7.2.min.js 2.代码不是写在页面上的,是通过事件后追加的 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script src="js/jquery-1.7.2.min.js" type="te

解决:My97DatePicker 日期插件引用在PHP文件中maxDate和minDate控制失效问题

开发环境: 语言:PHP 框架:ThinkPHP 问题:在引用插件My97DatePicker时,想实现:开始日期不能大于结束日期,结束时间不能小于开始时间 步骤一.查看文档官方文档http://www.my97.net/dp/demo/index.htm可以看到实现办法如下: 步骤二.按照文档说明,作用于自己代码中: <input name="start_time" type="text" id="start_time" class=&q

ASP.NET 使用My97DatePicker日期控件

首先要下载该控件的包,下载地址:http://pan.baidu.com/s/1Aa5gk 引用文件 <script src="js/My97DatePicker/WdatePicker.js" type="text/javascript"></script> 目录详情 常规调用 <input id="d11" type="text" class="text" onclick=