简单的日期选择器验证 [英] Simple datepicker validation

问题描述

有人可以帮我编写一个函数，用于在某人单击日期后为 jquery 日期选择器显示一行文本(最好通过显示 css 类)?

Can someone help me write a function for showing a line of text (preferably by showing a css class) for a jquery datepicker after someone has clicked a date?

如果选择的日期介于今天和今天之后的 21 天之间，则必须显示通知.

The notice has to appear IF the date picked falls between TODAY and 21 DAYS FROM TODAY.

这是我需要帮助的功能，因为我不知道如何编写它.

It's the function I need help with, as I don't know how to write it.

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

<input type="text" id="delivery_date" name="delivery_date" required  />

推荐答案

您或许可以使用 对其进行验证date.js，它有一个流畅的API，可以很容易地表达你的条件.

You might be able to validate it using date.js, it has a fluent API which makes it very easy to express your conditions.

示例代码可能是:

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

这篇关于简单的日期选择器验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！