📅  最后修改于: 2023-12-03 15:32:15.731000             🧑  作者: Mango
jQWidgets是一款基于jQuery的组件库,其中包括jqxCalendar控件,用于实现日期选择功能。其中,setMinDate属性用于设置最小日期,即用户选择日期时可选择的最小日期。
$('#jqxCalendar').jqxCalendar({
minDate: new Date(2018, 0, 1)
});
<head>
<script type="text/javascript" src="jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="jqwidgets/jqxcalendar.js"></script>
<link rel="stylesheet" type="text/css" href="jqwidgets/styles/jqx.base.css" />
<script type="text/javascript">
$(document).ready(function () {
// 设置最小日期为2021年1月1日
$("#jqxCalendar").jqxCalendar({ minDate: new Date(2021, 0, 1) });
});
</script>
</head>
<body>
<div id="jqxCalendar"></div>
</body>
以上代码将创建一个日期选择器,并将最小日期设置为2021年1月1日,用户将无法选择该日期之前的任何日期。
通过setMinDate属性,我们可以方便地设置日期选择器的最小日期,从而限制用户选择的日期范围。如果没有设置该属性,则用户可以选择任意日期。