我正在使用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

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

最佳答案

检查此 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/

关于jquery - 如果用户选择 future 3天内的日期,则显示警报,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44436731/

10-11 14:58
查看更多