如何在jquery datepicker中禁用工作日? (仅启用周末和两个特定节日)

时间:2014-01-14 23:26:15

标签: javascript jquery user-interface datepicker

我很生气,试着这个...... 如何在jquery datepicker中禁用工作日? (仅启用周末和两个特定节日)

我尝试了很多o代码显示在这里,但不适用于我...

如何禁用年度下拉?只想今年这个

任何人都可以帮助我? 提前谢谢!

1 个答案:

答案 0 :(得分:1)

以下是如何禁用工作日只留下周末并添加自定义天数(您的两个特定节日)。我不知道你的节日是什么,所以我只是在下面的例子中使用2014年1月15日和2014年1月16日。

Working Fiddle

var availableDates = ["15-1-2014","16-1-2014"];

$(function()
{
    $('#txtDate').datepicker({ beforeShowDay:
      function(dt)
      { 
        return [dt.getDay() == 0 || dt.getDay() == 6 || available(dt), "" ];
      }
   , changeMonth: true, changeYear: false});
});



function available(date) {
  dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
  if ($.inArray(dmy, availableDates) != -1) {
    return true;
  } else {
    return false;
  }
}

更新:我现在删除了年份下拉列表

更新2:所以你以前的所有尝试都不起作用的原因是你有一个脚本(你的html文件的底部)正在将datepicker初始化代码应用于每个具有class =“datepicker”的元素

这会覆盖您在文件顶部尝试的任何内容。从html文件中删除以下行:

<script type='text/javascript' src='http://entrestaciones.es/wp-content/plugins/gravityforms/js/datepicker.js?ver=1.8.1'></script>

或从你不想自动初始化的输入元素中删除`class =“datepicker”