Home / Questions / 41388
Accepted
lucho
Asked: 2020-12-29 10:46:10 +0800 CST 2020-12-29 10:46:10 +0800 CST

如何从开始日期和结束日期禁用 jquery datepicker 日期范围

  • 772

我一直在网上搜索，但找不到任何可以帮助我将 PHP 代码与 JavaScript 关联起来以禁用从 MySQL 咨询时房间不可用的日期范围。

这是我到目前为止所拥有的

var disableddates = ["12-3-2016", "12-11-2016", "12-25-2016", "12-20-2016"];

  function DisableSpecificDates(date) {

   var m = date.getMonth();
   var d = date.getDate();
   var y = date.getFullYear();
   var currentdate = (m + 1) + '-' + d + '-' + y ;

   for (var i = 0; i < disableddates.length; i++) {


   if ($.inArray(currentdate, disableddates) != -1 ) {
   return [false];
   } 
   }

   return disableddates;
  }

  $(function() {
   $( "#datepicker").datepicker({
   beforeShowDay: DisableSpecificDates
   });
});

但是，此代码适用于特定日期而不是间隔，例如我的到达日期是28/12/2016并且我的出发日期是31/12/2016，我需要仅用间隔阻止这三天。

javascript

1 Answers

  1. Best Answer

    禁用房间不可用的日期范围

    您需要做的是首先检索日期并将它们存储在 JavaScript 变量中：

    var arrivalDate = moment("<?=$llegada?>", 'DD-MM-YYYY');
var departureDate = moment("<?=$salida?>", 'DD-MM-YYYY');

    其次，您必须获取到达日期和离开日期之间的日期范围。为此，我建议您使用moment。

    function getDatesBetween(start, end) {
  var dates = [];
  start.add(1, 'days'); // empezamos a contar 1 día después
  while (start < end) {
    dates.push(start.format('DD-MM-YYYY').toString());
    start.add(1, 'days');
  }
  return dates;
}

    完成此操作后，您必须创建一个函数来检查当前日期是否包含在要禁用的日期中。这是从 UI 禁用这些日期所必需的。

    function beforeShowDay(date) {
    if (!disabledDates.length) {
    disabledDates = getDatesBetween(arrivalDate, departureDate);
  }
  var currentDate = moment(date).format('DD-MM-YYYY');
  return [disabledDates.indexOf(currentDate.toString()) == -1];
}

    小提琴演示

    • 1