注：（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. keil MDK编译器(V4.01)与H-JTAG的问题

    前一阵子转投到MDK下面做开发,因为公司以前都用h-jtag做下载仿真工具,用的h-jtag版本为V0.9,我拿以前在ads1.2中编译成功的程序,稍作修改,在mdk下编译成功,仿真也没有问题,但下载 ...

  2. Linux进程间通信——使用信号量

    这篇文章将讲述别一种进程间通信的机制——信号量.注意请不要把它与之前所说的信号混淆起来,信号与信号量是不同的两种事物.有关信号的更多内容,可以阅读我的另一篇文章:Linux进程间通信——使用信号.下面 ...

  3. Qt部件--烧肉

    1,QSplitter

  4. Python中文字符的理解：str()、repr()、print

    Python中文字符的理解:str().repr().print 字数1384 阅读4 评论0 喜欢0 都说Python人不把文字编码这块从头到尾.从古至今全研究通透的话是完全玩不转的.我终于深刻的理 ...

  5. 如何删除Oracle数据库

    1>点击开始找Oracle的目录,-->点击[Universal Installer],打开点击[卸载产品] 2>除了oracle_home1 不点外,其他的都勾选. 3>再点 ...

  6. HTML5实现坦克大战（一）

      Tank 字段 x:坦克的中心点的横坐标 y:坦克的中心点的纵坐标 dir:坦克的前进的方向 spped:坦克的速度 color:坦克的颜色,用于区分种类不同的坦克 bullet:坦克的子弹 为a ...

  7. C#：判断一个String是否为数字

    方案一:Try...Catch(执行效率不高)private bool IsNumberic(string oText){          try         {                 ...

  8. SQL Server表和字段说明的增加和更新

    1. 增加字段说明 EXEC sp_addextendedproperty     'MS_Description',     'some description',     'user',      ...

  9. Csharp递归和循环实现折半查找

    static bool whilehalf(int n) { ; //低位 ; //高位 ; while(low <= hight) { if(n> arr[c]) { low = c + ...

  10. 已经包含了#include <atlcom.h> #include <comutil.h>还是报错

    在WTL工程的.h中 #include <atlbase.h>#include <atlcom.h>#include <atlcomcli.h>#include & ...