注：（2014-12-05內(nèi)容修改：添加運(yùn)行效果）
使用my97datepicker 控件，需要對(duì)日期的范圍進(jìn)行控制，本人自己寫了一個(gè)js完成此功能，示例為當(dāng)前日期到下一周周五之間的日期可選，其他日期不可選，運(yùn)行效果圖如下(自己點(diǎn)，吼吼)：
代碼如下：
1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head runat="server"> 3 <title></title> 4 <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> 5 <link type="text/CSS" rel="Stylesheet" href="My97DatePicker/skin/WdatePicker.css" /> 6 <script type="text/Javascript"> 7 function getNextFriday() { 8 var myDate = new Date(); 9 var year = myDate.getFullYear(); //得到當(dāng)前年份10 var month = myDate.getMonth() + 1; //得到當(dāng)前月份11 var day = myDate.getDate(); //得到當(dāng)前日12 var weekDay = myDate.getDay(); //得到當(dāng)前的星期X（0-6代表星期日-星期六）13 var maxDayOfMonth = new Date(year, month, 0).getDate(); //得到當(dāng)前月最大日14 15 var nextFriday;//距離下周五的天數(shù)16 17 switch (weekDay) {18 case 0:19 nextFriday = 5;20 break;21 case 1:22 nextFriday = 11;23 break;24 case 2:25 nextFriday = 10;26 break;27 case 3:28 nextFriday = 9;29 break;30 case 4:31 nextFriday = 8;32 break;33 case 5:34 nextFriday = 7;35 break;36 case 6:37 nextFriday = 6;38 break;39 default:40 nextFriday = 1;41 break;42 }43 44 var dayTotal = day + nextFriday;45 46 /**47 * 1、如果當(dāng)前日期到下周五所在的日期在當(dāng)月，即下周五的日期未跨年也為跨月48 * 2、跨月，且并未跨年49 * 3、跨年50 **/51 if (dayTotal < maxDayOfMonth) {52 if (month < 10) {53 month = "0" + month;54 }55 if (dayTotal < 10) {56 dayTotal = "0" + dayTotal;57 }58 return year + "-" + month + "-" + dayTotal;59 } else if (month < 12) {60 month += 1;61 if (month < 10) {62 month = "0" + month;63 }64 var nextMonthDay = nextFriday - (maxDayOfMonth - day);65 if (nextMonthDay < 10) {66 nextMonthDay = "0" + nextMonthDay;67 }68 return year + "-" + month + "-" + nextMonthDay;69 } else {70 year += 1;71 month = "01";72 var nextMonthDay = nextFriday - (maxDayOfMonth - day);73 if (nextMonthDay < 10) {74 nextMonthDay = "0" + nextMonthDay;75 }76 return year + "-" + month + "-" + nextMonthDay;77 }78 }79 </script>80 </head>81 <body>82 <form id="form1" runat="server">83 <input id="DateText" type="text" class="Wdate" onclick="var friday=getNextFriday();WdatePicker({minDate:'%y-%M-%d',maxDate:friday})" />84 </form>85 </body>86 </html>
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
