注：（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. Div布局案例

    通常看到这个页面,会想到它是有几块组成的. 第一块,分销佣金. 第二块,包括代言.商品.二维码 其中代言又是左右结构. 于是乎基本的div结构就出来了. <div class="row ...

  2. zip命令

    常用示例: (1)zip -r myfile.zip ./*    ----将当前目录下的所有文件和文件夹全部压缩成myfile.zip文件, -r表示递归压缩子目录下所有文件. (2)unzip - ...

  3. 滴滴专车司机苹果手机ios客户端可以下载了

    申请过滴滴专车司机的朋友都知道,滴滴专车就是滴滴打车的司机端,但是只有安卓的,一直没有苹果IOS的版本,很多申请通过审核的车主恼于没有IOS版本而暂无法使用滴滴专车司机客户端,也就意味着不能上线接单. ...

  4. Linux学习笔记2：如何快速的学习使用一个命令

    Linux 分层 内核 库: .so 共享对象,windows:dll 动态链接库 应用程序 Linux的基本原则: 1.由目的单一的小程序组成:组合小程序完成复杂任务: 2.一切皆文件: 3.尽量避 ...

  5. Linux学习笔记1：配置Linux网络和克隆虚拟机并更改配置

    一.配置Linux网络 在安装Linux的时候,一定要保证你的物理网络的IP是手动设置的,要不然会在Linux设置IP连通网络的时候会报network is unreachable 并且怎么也找不到问 ...

  6. 【Lucene3.6.2入门系列】第10节_Tika

    首先贴出来的是演示了借助Tika创建索引的HelloTikaIndex.java PS:关于Tika的介绍及用法,详见下方的HelloTika.java package com.jadyer.luce ...

  7. Java基础笔记-异常

    Java中的异常机制: Throwable类是 Java 语言中所有错误或异常的超类.主要包括两个子类: Error和Exception. 一般中要处理的异常是Exception. Java中最常见的 ...

  8. Maven 搭建与my-app项目测试

    前提条件,安装jdk1.6及以上版本,并配置JAVA_HOME 首先,下载Maven3.2.2,附下载地址:http://mirror.bit.edu.cn/apache/maven/maven-3/ ...

  9. Schema-based AOP support

    本文参考至:spring-framework-reference.pdf的7.3 章节 [Schema-based AOP support] If you are unable to use Java ...

  10. 经典：十步完全理解 SQL

    经典:十步完全理解 SQL   来源:伯乐在线 链接:http://blog.jobbole.com/55086/ 很多程序员视 SQL 为洪水猛兽.SQL 是一种为数不多的声明性语言,它的运行方式完 ...