注：（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. DelphiXE7如何调用Java Class，JAR等文件？

    源文地址:http://jingyan.baidu.com/article/e4d08ffdb61b040fd3f60d44.html 第一步,我们先在互联网上把java2pas这个工具下载下来. 下 ...

  2. perl 继承写法

    use base (Critter); 和 BEGIN{ require Critter; @ISA=qw/Critter/; } 这两种写法是等价

  3. 开发该选择Blocks还是Delegates(转)

    原文链接:http://blog.stablekernel.com/blocks-or-delegates/ By Joe Conway,CEO | Jul 11,2013 11:29:00 AM 有 ...

  4. UVA LA 7146 2014上海亚洲赛（贪心）

    option=com_onlinejudge&Itemid=8&page=show_problem&category=648&problem=5158&mosm ...

  5. CSS技巧和犯错点总结

    4.14 CSS  background属性简写: background-position属性组合方式:[ left | center | right ] || [ top | bottom ] (组 ...

  6. 简述Linq中.ToList(), .AsEnumerable(), AsQueryable()的区别和用法

    [TOC] 这3个方法的功能完全不同, 应按照具体业务场景使用. AsQueryable() 先说说什么是 IQueryable IQueryable 是当前的 data provider 返回的类型 ...

  7. 今天是迅驰ORM的诞生之日。

    欢迎各位朋友来造访,最主要还是那一点:版权所有,请尊重驰哥的著作版权,侵权必追究法律责任. 最后来一句刘德华的歌曲:独自去偷欢,我谢绝你监管!快乐心中常为我伴.

  8. oracle丢失temp表空间处理

    之前有做临时表空间的切换,切换后没drop tablespace就删除了temp01.dbf结果排序跟查dba_temp_files报错 SQL Mbytes from dba_temp_files; ...

  9. （转载）SQL语句中Group by语句的详细介绍

    转自:http://blog.163.com/yuer_d/blog/static/76761152201010203719835 SQL语句中Group by语句的详细介绍              ...

  10. Phalcon 性能最高的php框架没有之一

    最近有个朋友说他们现在在用Phalcon框架开发项目,明显感觉性能有很大的提升,所有着手学习下这个高性能框架,网上是这样说的“虽然以C语言编写达到较高的效能,但相对的一项缺点就是在服务器上必须拥有管理 ...