注：（2014-12-05内容修改：添加运行效果）

使用my97datepicker 控件，需要对日期的范围进行控制，本人自己写了一个js完成此功能，示例为当前日期到下一周周五之间的日期可选，其他日期不可选，运行效果图如下(自己点，吼吼)：

代码如下：

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head runat="server">

 <title></title>

 <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>

 <link type="text/css" rel="Stylesheet" href="My97DatePicker/skin/WdatePicker.css" />

 <script type="text/javascript">

     function getNextFriday() {

         var myDate = new Date();

         var year = myDate.getFullYear(); //得到当前年份

         var month = myDate.getMonth() + ; //得到当前月份

         var day = myDate.getDate(); //得到当前日

         var weekDay = myDate.getDay(); //得到当前的星期X（0-6代表星期日-星期六）

         var maxDayOfMonth = new Date(year, month, ).getDate(); //得到当前月最大日

         var nextFriday;//距离下周五的天数

         switch (weekDay) {

             case :

                 nextFriday = ;

                 break;

             case :

                 nextFriday = ;

                 break;

             case :

                 nextFriday = ;

                 break;

             case :

                 nextFriday = ;

                 break;

             case :

                 nextFriday = ;

                 break;

             case :

                 nextFriday = ;

                 break;

             case :

                 nextFriday = ;

                 break;

             default:

                 nextFriday = ;

                 break;

         }

         var dayTotal = day + nextFriday;

         /**

           * 1、如果当前日期到下周五所在的日期在当月，即下周五的日期未跨年也为跨月

           * 2、跨月，且并未跨年

           * 3、跨年

          **/

         if (dayTotal < maxDayOfMonth) {

             if (month < ) {

                 month = "" + month;

             }

             if (dayTotal < ) {

                 dayTotal = "" + dayTotal;

             }

             return year + "-" + month + "-" + dayTotal;

         } else if (month < ) {

             month += ;

             if (month < ) {

                 month = "" + month;

             }

             var nextMonthDay = nextFriday - (maxDayOfMonth - day);

             if (nextMonthDay < ) {

                 nextMonthDay = "" + nextMonthDay;

             }

             return year + "-" + month + "-" + nextMonthDay;

             } else {

                 year += ;

                 month = "";

                 var nextMonthDay = nextFriday - (maxDayOfMonth - day);

                 if (nextMonthDay < ) {

                     nextMonthDay = "" + nextMonthDay;

                 }

                 return year + "-" + month + "-" + nextMonthDay;

             }

     }

 </script>

 </head>

 <body>

     <form id="form1" runat="server">

         <input id="DateText" type="text" class="Wdate" onclick="var friday=getNextFriday();WdatePicker({minDate:'%y-%M-%d',maxDate:friday})" />

     </form>

 </body>

 </html>

使用my97datepicker控件实现日期范围选择的更多相关文章

  1. 背水一战 Windows 10 (44) - 控件（日期类）: CalendarView, DatePicker, TimePicker

    [源码下载] 背水一战 Windows 10 (44) - 控件(日期类): CalendarView, DatePicker, TimePicker 作者:webabcd 介绍背水一战 Window ...

  2. WPF进阶技巧和实战03-控件（4-基于范围的控件及日期控件）

    系列文章链接 WPF进阶技巧和实战01-小技巧 WPF进阶技巧和实战02-布局 WPF进阶技巧和实战03-控件(1-控件及内容控件) WPF进阶技巧和实战03-控件(2-特殊容器) WPF进阶技巧和实 ...

  3. 时间格式—My97DatePicker控件使用

    一.My97DatePicker控件使用(2步):   1:JSP页面:( class="Wdate" 显示控件图标) 引入控件包中的脚本: <script type=&qu ...

  4. Atitit.ui控件---下拉菜单选择控件的实现select html

    Atitit.ui控件---下拉菜单选择控件的实现select   html 1. 调用& model的实现 1 2. -----select.jsp------ 1 1. 调用& m ...

  5. 动态生成表格呈现还是将表格直接绑定gridview等控件呈现的开发方式选择依据

    动态生成表格呈现还是将表格直接绑定gridview等控件呈现的开发方式选择依据:由存储过程决定,如果编写的存储过程可以生成需要呈现的表格则直接绑定,否则要动态生成表格

  6. Android --日期控件使用并显示选择的日期

    1. main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns: ...

  7. bootstrap-daterangepicker双日历控件开始日期选择问题

    在做项目的时候,有这样一个需求,需要选择时间段,于是在网上找了bootstrap的双日历时间控件daterangepicker控件,要选取时间段的年月来与后台进行数据交互,时间控件如下图所示: 关于控 ...

  8. 简洁JS 日历控件 支持日期和月份选择

    原文出处 以下这个JS日历控件是我的闲暇之余自己编写的,所有的代码全部在IE7/IE8/Firefox下面测试通过, 而且可以解决被iframe层遮盖的问题.现在只提供两种风格(简洁版和古典版)和两种 ...

  9. WdatePicker控件中日期的范围选择

    1.开始日期不能大于结束日期,结束日期只能选择今天之前(不包括今天) <asp:TextBox ID="T_CREATION_DATE_Start" Width=" ...

随机推荐

  1. de4dot命令 v2.0.3.3405

    de4dot v2.0.3.3405 Copyright (C) 2011-2013 [email]de4dot@gmail.com[/email] Latest version and source ...

  2. Spring 3.x企业实用开发实战(1)

    有关Spring的介绍这里就不赘述了,主要是学习了陈雄华版的<Spring 3.x企业应用开发实战>并做了一点笔记,以助于后期的回顾和复习. 废话不多说,直接进入主题,以下所有代码基于&l ...

  3. 使用 Node.js 做 Function Test

    Info 上周 meeting 上同事说他们现在在用 java 写 function test,产生了很多冗余的代码,整个项目也变得比较臃肿.现在迫切需要个简单的模板项目能快速搭建function t ...

  4. java的几个版本以及jre，jdk等概念——【转载】JDK、Java SE、Java EE、Java ME我该选

    我们平时使用的一些软件,有一部分需要Java环境的支持,但是SUN那么多的产品,让人眼花缭乱的版本号,前看后看都差不多的缩写,让我们选择起来的时候常常望而却步,只好跟着感觉走.所以下面我要介绍的就是那 ...

  5. ostream类的公有成员函数

    1 flush 2 operator<< 3 put 4 seekp 5 tellp 6 write 1 flush 刷新输出流 2 operator<< 插入运算符 3 pu ...

  6. #include <process.h>

    1 _beginthread 单进程,单线程,必须干完一件事情后干另一件事情 #define _CRT_SECURE_NO_WARNINGS #include<stdio.h> #incl ...

  7. Jquery弹窗插件Lhgdialog的用法

    Lhgdialog的用法 大家都知道用js可以实现,但是在使用js实现的弹窗时得考虑很东西:浏览器的兼容.页面的交互等等问题. 在这里简单介绍一下lhgdialog的用法. 参数有: Title:弹窗 ...

  8. [Regionals 2012 :: Asia - Tokyo ]

    链接: https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&category=56 ...

  9. WildFly8.1(JBoss)+mod_cluster(Apache)群集配置

    继上次使用mod_jk传导Apache+JBoss群集配置后,.因为JBoss5.1启动太慢,于是我开始尝试用最新的WildFly8.1构造(WildFly那是,JBoss.在JBoss7之后改名). ...

  10. sql中在查询语句中加判断，控制输出的内容

    Case具有两种格式.简单Case函数和Case搜索函数. --简单Case函数 CASE sex WHEN '1' THEN '男' WHEN '2' THEN '女' ELSE '其他' END ...