支付宝赞助帐号:service@kuitao8.com 

下载地址

jquery选择时间段插件下载

Created2015-09-29   Views 2859    Author 懒人程序
jquery选择时间段插件下载
  1. window.onerror = function(errorMsg) { 
  2.     $('#console').html($('#console').html()+'<br>'+errorMsg) 
  3. }*/ 
  4.  
  5. $.datetimepicker.setLocale('en'); 
  6.  
  7. $('#datetimepicker_format').datetimepicker({value:'2015/04/15 05:03', format: $("#datetimepicker_format_value").val()}); 
  8. $("#datetimepicker_format_change").on("click"function(e){ 
  9.     $("#datetimepicker_format").data('xdsoft_datetimepicker').setOptions({format: $("#datetimepicker_format_value").val()}); 
  10. }); 
  11. $("#datetimepicker_format_locale").on("change"function(e){ 
  12.     $.datetimepicker.setLocale($(e.currentTarget).val()); 
  13. }); 
  14.  
  15. $('#datetimepicker').datetimepicker({ 
  16. dayOfWeekStart : 1, 
  17. lang:'en'
  18. disabledDates:['1986/01/08','1986/01/09','1986/01/10'], 
  19. startDate:  '1986/01/05' 
  20. }); 
  21. $('#datetimepicker').datetimepicker({value:'2015/04/15 05:03',step:10}); 
  22.  
  23. $('.some_class').datetimepicker(); 
  24.  
  25. $('#default_datetimepicker').datetimepicker({ 
  26.     formatTime:'H:i'
  27.     formatDate:'d.m.Y'
  28.     //defaultDate:'8.12.1986', // it's my birthday 
  29.     defaultDate:'+03.01.1970'// it's my birthday 
  30.     defaultTime:'10:00'
  31.     timepickerScrollbar:false 
  32. }); 
  33.  
  34. $('#datetimepicker10').datetimepicker({ 
  35.     step:5, 
  36.     inline:true 
  37. }); 
  38. $('#datetimepicker_mask').datetimepicker({ 
  39.     mask:'9999/19/39 29:59' 
  40. }); 
  41.  
  42. $('#datetimepicker1').datetimepicker({ 
  43.     datepicker:false
  44.     format:'H:i'
  45.     step:5 
  46. }); 
  47. $('#datetimepicker2').datetimepicker({ 
  48.     yearOffset:222, 
  49.     lang:'ch'
  50.     timepicker:false
  51.     format:'d/m/Y'
  52.     formatDate:'Y/m/d'
  53.     minDate:'-1970/01/02'// yesterday is minimum date 
  54.     maxDate:'+1970/01/02' // and tommorow is maximum date calendar 
  55. }); 
  56. $('#datetimepicker3').datetimepicker({ 
  57.     inline:true 
  58. }); 
  59. $('#datetimepicker4').datetimepicker(); 
  60. $('#open').click(function(){ 
  61.     $('#datetimepicker4').datetimepicker('show'); 
  62. }); 
  63. $('#close').click(function(){ 
  64.     $('#datetimepicker4').datetimepicker('hide'); 
  65. }); 
  66. $('#reset').click(function(){ 
  67.     $('#datetimepicker4').datetimepicker('reset'); 
  68. }); 
  69. $('#datetimepicker5').datetimepicker({ 
  70.     datepicker:false
  71.     allowTimes:['12:00','13:00','15:00','17:00','17:05','17:20','19:00','20:00'], 
  72.     step:5 
  73. }); 
  74. $('#datetimepicker6').datetimepicker(); 
  75. $('#destroy').click(function(){ 
  76.     if( $('#datetimepicker6').data('xdsoft_datetimepicker') ){ 
  77.         $('#datetimepicker6').datetimepicker('destroy'); 
  78.         this.value = 'create'
  79.     }else
  80.         $('#datetimepicker6').datetimepicker(); 
  81.         this.value = 'destroy'
  82.     } 
  83. }); 
  84. var logic = function( currentDateTime ){ 
  85.     if (currentDateTime && currentDateTime.getDay() == 6){ 
  86.         this.setOptions({ 
  87.             minTime:'11:00' 
  88.         }); 
  89.     }else 
  90.         this.setOptions({ 
  91.             minTime:'8:00' 
  92.         }); 
  93. }; 
  94. $('#datetimepicker7').datetimepicker({ 
  95.     onChangeDateTime:logic, 
  96.     onShow:logic 
  97. }); 
  98. $('#datetimepicker8').datetimepicker({ 
  99.     onGenerate:function( ct ){ 
  100.         $(this).find('.xdsoft_date'
  101.             .toggleClass('xdsoft_disabled'); 
  102.     }, 
  103.     minDate:'-1970/01/2'
  104.     maxDate:'+1970/01/2'
  105.     timepicker:false 
  106. }); 
  107. $('#datetimepicker9').datetimepicker({ 
  108.     onGenerate:function( ct ){ 
  109.         $(this).find('.xdsoft_date.xdsoft_weekend'
  110.             .addClass('xdsoft_disabled'); 
  111.     }, 
  112.     weekends:['01.01.2014','02.01.2014','03.01.2014','04.01.2014','05.01.2014','06.01.2014'], 
  113.     timepicker:false 
  114. }); 
  115. var dateToDisable = new Date(); 
  116.     dateToDisable.setDate(dateToDisable.getDate() + 2); 
  117. $('#datetimepicker11').datetimepicker({ 
  118.     beforeShowDay: function(date) { 
  119.         if (date.getMonth() == dateToDisable.getMonth() && date.getDate() == dateToDisable.getDate()) { 
  120.             return [false""
  121.         } 
  122.  
  123.         return [true""]; 
  124.     } 
  125. }); 
  126. $('#datetimepicker12').datetimepicker({ 
  127.     beforeShowDay: function(date) { 
  128.         if (date.getMonth() == dateToDisable.getMonth() && date.getDate() == dateToDisable.getDate()) { 
  129.             return [true"custom-date-style"]; 
  130.         } 
  131.  
  132.         return [true""]; 
  133.     } 
  134. }); 
  135. $('#datetimepicker_dark').datetimepicker({theme:'dark'}) 

 

上一篇: jquery仿ios选择日期插件下载
下一篇: jquery定时器的效果下载
支持键盘 ← →

邮件订阅

订阅我们的精彩内容