平板扒手maxDate配置

Question

如何在平板机中设置maxDate？

<input type="text" id="date-picker" class="form-control" data-toggle="date" placeholder="Select date">

$("#date-picker").flatpickr("minDate", "2019-7-12");

但这是行不通的。

Answer 1

尝试使用选项

​

$("#date-picker").flatpickr({
  "minDate": "2019-7-12",
  "maxDate": "2019-8-12"
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

<input type="text" id="date-picker" class="form-control" data-toggle="date" placeholder="Select date">

​

Answer 2

对于那些在阅读其他解决方案后仍在寻找答案的人.日期必须是日期对象，而不是字符串！

$("#date-picker").flatpickr({
  minDate: "today",
  maxDate: new Date("2019-08-12") 
});

Answer 3

Aswin有正确的想法，但您可能还需要初始化新的flatpickr。类似于：

function InitFlatPickr() {
  $("#date-picker").flatpickr({
    "minDate": "today",
    "maxDate": "2019-8-12"
  });
}

然后调用文档中的InitFlatpickr或其他东西。这些文档也应该能够帮助您解决问题。