javascript - 日期范围选择器不可点击的旧日期

Question

我正在使用this用于选择日期范围的 JavaScript 组件，我在 UI 中遇到问题。

正如您在图片中看到的，您可以选择左侧日历中的任何日期，而我想要做的是酒店预订系统。右侧日历完美运行，而左侧日历则不然。如何停用或使旧日期不可点击？有没有办法解决这个问题？

HTML:

<input type="text" name="reservation" id="reservation" class="input-daterange form-control pull-right active">

初始化代码:

$('.input-daterange').daterangepicker({
      "opens": "right"
});

在我的 php 文件中，我可以用以下方法验证它:

$reservation = explode("-", \Request::input('reservation'));
$from        = date('Y-m-d', strtotime($reservation[0]));
$to          = date('Y-m-d', strtotime($reservation[1]));

$now  = new DateTime("today");
$day1 = new DateTime($from);
$day2 = new DateTime($to);
$diff = date_diff($day1, $day2, true);
$days = $diff->format('%a');

if ($day1 > $day2 || $day1 < $now || $days == 0) {
    echo "invalid";
}

但是如果我想直接在 UI 中执行该操作怎么办？

Answer 1

下面的代码可能会起作用，试试这个:

 var todayDate = new Date();
 var todayMin = new Date(todayDate.getFullYear(), todayDate.getMonth(), todayDate.getDate(), 0, 0, 0, 0);
 $('.input-daterange').daterangepicker({
    "opens": "right",
    "minDate": todayMin
 });