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

How to apply validation on Datepicker through javascript

本文关键字:应用 验证 Datepicker 何通过 javascript      更新时间:2023-09-26

我有一个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>

现在,我希望用户选择小于今天的日期,即选择任何早于或早于今天的日期。如何在日期上应用此类验证?

日期选择器具有maxDate属性,它将使我们能够设置最长日期。根据您的要求,日期必须在今天之前。然后它会像这个

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

<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'>