如何通过javascript在Datepicker上应用验证

时间:2015-02-10 04:28:06

标签: javascript datepicker

我在JavaScript中有一个日期选择器: -

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">

<script>
$(function() {
$( "#datepicker" ).datepicker();
 });
</script>

现在我希望用户选择比今天少的日期,即选择今天或之前的任何日期。如何在日期应用此类验证?

1 个答案:

答案 0 :(得分:0)

日期选择器具有maxDate属性,这将使我们能够设置最大日期。根据您的要求,日期必须从今天开始。那就像这样

    $(function() {
        $( "#datepicker" ).datepicker({  maxDate: -1 });
     });

&#13;
&#13;
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">

<script>
		$(function() {
			$( "#datepicker" ).datepicker({  maxDate: -1 });
		 });
</script>

<input type='text' id='datepicker'>
&#13;
&#13;
&#13;