带有警告消息的Datepicker?

时间:2013-09-04 07:38:34

标签: php javascript jquery validation datepicker

如果所选日期介于TODAY和未来天数的数字值即+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  />

2 个答案:

答案 0 :(得分:1)

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();

然后添加获取日期选择器信息的变量(如果有人将日期设置为9.9.2013):

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

然后,如果您尝试在日期为5天后发出警报:

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

我希望你能掌握它,如果有什么不清楚,请问。

答案 1 :(得分:1)

官方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();
    }
});