带有警告消息的日期选择器

Datepicker with warning message?

本文关键字：日期 选择器 消息 警告      更新时间：2023-09-26

如果所选日期介于今天和未来天数（即+7）之间，是否可以向日期选择器应用一条小警告消息？

我曾尝试设置minDate和maxDate，但这只允许在这些参数之外选择任何日期。虽然这种方法奏效了，但它有一个缺陷。。用户可以删除字段中的文本并手动键入自己的日期。。这没有得到验证。

此外，我仍然希望每个日期都能被选中。。但如果它在设定的时间段内，那就是我希望显示消息的时间。

以下是我正在使用的：

<script>
     $(function() {
          $( "#delivery_date" ).datepicker({ minDate: "+5D", maxDate: "", dateFormat: "dd/mm/yy" });
     });
 </script>
 <input type="text" id="delivery_date" name="delivery_date" required  />

官方jQuery UI日期选择器有很多可用选项。看看的样本配置

$("#dateBox").datepicker({
    minDate: 0,
    autoSize: true,
    dateFormat: 'yy-mm-dd',
    setDate: new Date(),
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 1,
    onSelect: function() {
        // here you can have a function that will get called when user selects a date   
        myOnChangeFunction();
    }
});

var x = new Date();
var d=x.getDay()+1; //because javascript counts from 0 and not from 1, the day that you'll get will be -1 from the actual day.
var m=x.getMonth()+1; //same here
var y=x.getFullYear();

然后添加获取日期选择器信息的变量（如果有人将日期设置为2013年9月9日）：

var d1= 9;
var m1= 9;
var y1= 2013;

然后，如果你试图提醒一个日期是5天后：

if(d1-d==5)
   alert("the specified date falls on a specific period");

我希望你掌握了窍门，如果有什么不清楚的地方，问问就知道了。

相关文章：