javascript - jQuery UI DatePicker - 只显示全年的 3 天

Question

我想知道是否可以在日期选择器中一年只显示 3 天？

这是我到目前为止得到的:

JS:

 var availableDates = ["28-12-2017","29-12-2017","30-12-2017"];

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

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

CSS:

.ui-datepicker-unselectable {display: none;}

jsfiddle link

Answer 1

亲爱的，您忘记了 defaultDate，请试试这个:

  var availableDates = ["28-12-2017","29-12-2017","30-12-2017"];

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

  $('#date').datepicker({ beforeShowDay: available, defaultDate: "12/28/2017" }); 

请使用这个 fiddle http://jsfiddle.net/szYYY/50/