简单的datepickervalidation

有人帮我写了一个函数，用于在有人点击日期后为jquery datepicker显示一行文本（最好是通过显示css类）吗？

如果选择的日期在今天和今天的21天之间，则必须出现通知。

这是我需要帮助的function，因为我不知道如何编写它。

 $(function() { $( "#delivery_date" ).datepicker({ dateFormat: "dd/mm/yy", }); });   

Answer 1

您可以使用date.js对其进行validation，它具有流畅的API，可以很容易地表达您的条件。

示例代码可能是：

 var enteredDate = $("#delivery_date").prop("value"); var parsed = Date.parse(enteredDate); var start = Date.today(); var end = Date.today().add(21).days(); if (!parsed.between(start, end)) { alert("Date is valid"); } else { alert("Date is not valid"); } 

测试plunker

Answer 2

你可以在datepicker中使用onClose

 $(function() { $( "#date" ).datepicker({ dateFormat: "dd/mm/yy", onClose: function() { valid(); } }); }); 

jsfiddle – 例子

Answer 3

在初始化datepicker时使用onSelect属性

 $( "#delivery_date" ).datepicker({ dateFormat: "dd/mm/yy", minDate : new Date(), onSelect: function(str) { var lastDate = new Date(), nums = str.split("/"), userDate = new Date(nums[2], nums[1]-1, nums[0]), // reverse date period = 21; lastDate.setDate(lastDate.getDate()+period); if (userDate 

试试FIDDLE