注：（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. FirewallD 详解

    在CentOS7开始,默认是没有iptables的,而是使用了firewall防火墙.与时俱进,简单的整理了一下firewall的使用方法.关于详细的介绍参考官网,就不搬字了.这个网站有中文选项.可以 ...

  2. 【Itext】7步制作Itext5页眉页脚pdf实现第几页共几页

    itext5页眉页脚工具类,实现page x of y 完美兼容各种格式大小文档A4/B5/B3,兼容各种文档格式自动计算页脚XY轴坐标 鉴于没人做的这么细致,自己就写了一个itext5页眉页脚工具类 ...

  3. CC++初学者编程教程(5) 安装codeblocks软件开发环境

    Code::Blocks 是一个开放源码的全功能的跨平台C/C++集成开发环境. Code::Blocks是开放源码软件.Code::Blocks由纯粹的C++语言开发完成,它使用了蓍名的图形界面库w ...

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

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

  5. 10-2[RF] OOB validation

    main idea: 在使用bootstrap生成gi的训练集时,会有一部分数据没有被选中,使用这一部分数据(OOB)进行validation. 1.数据没有被选中的概率 假设训练集大小为N,使用bo ...

  6. android 网络状态判断【转】

    import java.net.InetAddress; import android.app.Activity;import android.content.Context;import andro ...

  7. break与continue

    1.break与continue.这两个关键字一般放在循环的花括号里面使用.break——结束整个循环.continue——结束本次循环,进入下次循环. break的案例: int i = 1; fo ...

  8. ChartControl第一课简短的控件初步设计

    WinForms Controls >Controls > Chart Control > Getting Started This document gives you a qui ...

  9. Excel 提供数据 更新或者插入数据 通过函数 自动生成SQL语句

    excel 更新数据 ="UPDATE dbo.yt_vehicleExtensionBase SET yt_purchase_date='"&B2&"' ...

  10. Check SMTP Server Availability for ORA-29278 or ORA-29279 errors using UTL_SMTP to Send Email

    Check SMTP Server Availability for ORA-29278 or ORA-29279 errors using UTL_SMTP to Send Email. (文档 I ...