首页>>表单>>jQuery周日历选择，选择每年第几周(2018-10-09)

jQuery周日历选择，选择每年第几周

 支持移动端

jQuery周日历选择，选择每年第几周
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="bd_w jcalendar_week" id="jcalendar_week"></div>  
  2. <div class="pop_bd" id="pop">  
  3.     <div class="pop_con">  
  4.         <span class="pop_close" onClick="$('#pop').hide();">×</span>  
  5.         <h5>选择年份：</h5>  
  6.         <div class="flex_i control">  
  7.             <button onClick="$(this).next().val(parseInt($(this).next().val())-1)"><</button>  
  8.             <input class="flex_auto control_val" type="text" id="setyear" value="- -" />  
  9.             <button onClick="$(this).prev().val(parseInt($(this).prev().val())+1)">></button>  
  10.         </div>  
  11.         <h5>选择周：</h5>  
  12.         <div class="flex_i control">  
  13.             <button onClick="$(this).next().val(parseInt($(this).next().val())-1)"><</button>  
  14.             <input class="flex_auto control_val" type="text" id="setweek" value="- -" />  
  15.             <button onClick="$(this).prev().val(parseInt($(this).prev().val())+1)">></button>  
  16.         </div>  
  17.         <div class="flex_i">  
  18.             <button class="setjc_btn nowweek_btn flex_auto" onClick="tonowweek()">本周</button>  
  19.             <button class="setjc_btn flex_auto" onClick="jumpweek()">确定</button>  
  20.         </div>  
  21.     </div>  
  22. </div>  

 

JavaScript Code
  1. <script>  
  2. //调用周日历  
  3. var weekfn =  new jcalendar_week({  
  4.     element: "#jcalendar_week",//填充日历的dom元素  
  5.     dayaddclass:function(date){  
  6.         //添加某天时给添加类名  
  7.         return "";  
  8.     },  
  9.     dayclick:function(date,obj){  
  10.         //day点击事件  
  11.         $(obj).addClass("calendar_day_act").siblings().removeClass("calendar_day_act");  
  12.     }  
  13. });  
  14. //获取周第一天  
  15. console.log(weekfn.weekfirstdate(2018,36));  
  16. //获取传入日期为当年第几周（注:这里的月份从0开始）  
  17. console.log(weekfn.getweeknum(2018,0,16));  
  18. //跳转到指定周  
  19. function jumpweek(){  
  20.     var getyear=parseInt($("#setyear").val());  
  21.     var getweek=parseInt($("#setweek").val());  
  22.     weekfn.confirmweek(getyear,getweek);  
  23.     $('#pop').hide();  
  24. }  
  25. //跳转到本周  
  26. function tonowweek(){  
  27.     weekfn.nowweek();  
  28.     $('#pop').hide();  
  29. }  
  30.   
  31. </script>  

 


原文地址:http://www.freejs.net/article_biaodan_701.html