jQuery UI Datepicker是为了禁用周末和假期?

时间:2010-12-30 09:06:25

标签: javascript jquery jquery-ui

我已经看到了一个确切的问题正在回答,但问题是,我完全不知道在哪里粘贴代码shown here以便我的工作。在编程方面,我真的是一个菜鸟。

如果有人愿意开导我,我会非常感激,因为我迫切需要让我的日历工作。 :(

非常感谢你。

2 个答案:

答案 0 :(得分:2)

var holidays= ["2014-7-30","2015-07-29","2013-03-16"]

$('input').datepicker({
beforeShowDay:  function(date){
    var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
     var noWeekend = $.datepicker.noWeekends(date);
         if (noWeekend[0]) {
        return  [$.inArray(string, holidays) == -1];
        }
        else
        return noWeekend;
    }
});

答案 1 :(得分:1)

我会尽力回答:

如何开始找到 - here

您将需要theese:(将它们链接到您的页面顶部。)

  
      
  1. jQuery Library:Datepicker需要包含jQuery。
  2.   
  3. JavaScript:ui.core.js和ui.datepicker.js
  4.   
  5. CSS主题:使用ThemeRoller
  6. 创建主题   

你可以找到关于基础的精彩演示 - here

<script>
 $(function() {
   /*function that makes appear datepicker + you add option to disable Weekends*/
   $(".selector").datepicker({ beforeShowDay: $.datepicker.noWeekends }) 
 });
</script>

<div id="demo">
  <p>Date: <input class="selector" type="text"></p> //input field that calls the function
</div>

要做的两件事:

  1. 链接jquery.js + ui.core.js和 ui.datepicker.js +你的css主题 你的网页
  2. 将此代码粘贴到您的 网页。
  3. 我建议你像我一样做 - 运行了很多教程,最重要的是要做 - 实验