jquery - 如果用户选择 future 3 天内的日期，则显示警报

Question

我正在使用xdsoft datetimepicker这样用户就可以选择一个截止日期。如果他们选择接下来的 3 天之一，我想显示提醒。

最初我设置了一个 minDate，所以这些天是不可选择的，但我希望这些天可以被选择并显示一个警报框。

我不确定是否已经存在这样的选项，我在文档中找不到。

我就是这么做的-

html

<h3>Deadline:</h3>
<input type="text" id="datetimepicker"/>

jquery

$('#datetimepicker').datetimepicker({
    timepicker:false,
    format:'d/m/Y',
    formatDate:'Y/m/d',
    minDate:'+1970/01/04',
});

我还设置了a jsfiddle

谢谢大家，如果您能引导我走上正确的道路，我将不胜感激

Answer 1

检查这个 fiddle 以获取解决方案。我使用了硬编码日期，但您可以相应地进行格式化。您可以使用 onSelectDate:function( ct ){..... 。

$('#datetimepicker').datetimepicker({
    timepicker:false,
    format:'d/m/Y',
    formatDate:'Y/m/d',
    minDate:'+1970/01/00',
  onSelectDate:function( ct ){

  var dateFrom = "06/08/2017";
  var dateTo = "06/11/2017";
  var dateCheck = "06/09/2017";

  var d1 = dateFrom.split("/");
  var d2 = dateTo.split("/");
  var c = dateCheck.split("/");

  var from = new Date(d1[2], parseInt(d1[1])-1, d1[0]);  // -1 because months are from 0 to 11
  var to   = new Date(d2[2], parseInt(d2[1])-1, d2[0]);
  var check = new Date(c[2], parseInt(c[1])-1, c[0]);

    alert(check > from && check < to);
  },
});

https://jsfiddle.net/oqw90cbu/5/