Question

我想让用户只选择我在datepicker中指定的日期列表。例如：

如果我指定如下日期： -

或者

1）。 6月1日至6月7日

或

2）。 7月4日，7月10日，8月29日（任何格式，如04 / 07,10 / 07,28 / 08）

比在datepicker中，它应该只有用户可以选择的那些日期，其余的日期应该被禁用。

以下是演示，我在寻找： - http://www.islandroutes.com/shore-excursions/#port-date-sel

如果您选择任何游轮，而不是任何船名，并且可以选择日期。所有日期都不可点击，只有特定日期可以点击。

我想在我的网站上拥有相同的功能。

我无法理解那里的代码，任何人都可以帮助我学习。

由于

更新：我已经浏览了所有的datepicker jquery ui，但它们都没有提供我需要的修改。我想我需要定制的东西。

我已经通过： - http：// api.jqueryui.com/datepicker/和http：// jqueryui.com/datepicker /

Answer 1

var availableDates = [9,14,15]; //desired Days

function available(date) {

   dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();

   if ($.inArray(date.getDate(), availableDates) != -1) {
      return [true, "","Available"];
   } else {
     return [false,"","unAvailable"];
   }
 }

 $('#date').datepicker({ beforeShowDay: available });

限制日期以在html中选择datepicker

1 个答案: