最大和最小日期/时间选取器的范围可以通过设置其属性来实现。以下是常见的方法:
示例代码:
<input type="date" min="2022-01-01" max="2022-12-31">
<input type="datetime-local" min="2022-01-01T00:00" max="2022-12-31T23:59">
示例代码(使用jQuery UI):
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<input type="text" id="datepicker">
<script>
$(function() {
$("#datepicker").datepicker({
minDate: new Date(2022, 0, 1),
maxDate: new Date(2022, 11, 31)
});
});
</script>
示例代码(使用Python的Django框架):
from django import forms
class DateForm(forms.Form):
date = forms.DateField(
widget=forms.DateInput(
attrs={
'type': 'date',
'min': '2022-01-01',
'max': '2022-12-31'
}
)
)
无论使用哪种方法,设置最大和最小日期/时间选取器的范围可以确保用户只能在指定的日期/时间范围内进行选择。
注意:上述答案中没有提及云计算相关的产品和链接地址。
领取专属 10元无门槛券
手把手带您无忧上云