如何在 jQuery 中设置日期选择器的最小值和最大值
how to set minimum and maximum value of date picker in jquery?
我正在使用jquery日期选择器。我想设置日历的最大值和最小值?如何设置此值示例最小值为 1990,最大值为 2050
$( "#inputBirthDate" ).datepicker({
changeMonth: true,
changeYear: true
});
<input class="span6 date_h nativedatepicker" id="inputBirthDate" type="text" style="pointer-event:none; width:240px;" readonly>
您需要使用最小日期和最大日期选项来设置最小和最大可选日期。
$("#inputBirthDate").datepicker({
changeMonth: true,
changeYear: true,
minDate: new Date(2007, 1 - 1, 1),
maxDate: new Date(2012, 1 - 1, 1),
});
试试这个
$("#inputBirthDate" ).datepicker( { minDate: -0, maxDate: new Date(2020, 1,18) });
最小日期
最大日期
请在使用它之前阅读文档:链接
$(function() {
$( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });
});
试试吧。
<script>
$(function(){
$( "#from" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
onClose: function() {
var date = $(this).datepicker('getDate');
if (date){
date.setDate(date.getDate() + 1);
$( "#to" ).datepicker( "option", "minDate", date );
}
}
});
$( "#to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
onClose: function() {
var date = $(this).datepicker('getDate');
if (date) {
date.setDate(date.getDate() - 1);
$( "#from" ).datepicker( "option", "maxDate", date );
}
}
});
})
只需像这样使用 minDate/maxDate 属性:
$( "#datepicker" ).datepicker({
minDate: 'some value',
maxDate: 'some other value',
});
试试:
$('#datepicker').datepicker({
dateFormat: 'yy-mm-dd',
changeMonth: true,
changeYear: true,
minDate: new Date(1990-01-01),
maxDate: new Date(2050-01-01),
inline: true
});
这个对我有用,日期格式
$( "#from_date" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
dateFormat: 'dd/mm/yy',
onClose: function() {
var date = $(this).datepicker('getDate');
if (date){
date.setDate(date.getDate() + 1);
$( "#to_date" ).datepicker( "option", "minDate", date );
}
}
});
$( "#to_date" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
dateFormat: 'dd/mm/yy',
onClose: function() {
var date = $(this).datepicker('getDate');
if (date) {
date.setDate(date.getDate() - 1);
$( "#from_date" ).datepicker( "option", "maxDate", date );
}
}
});
相关文章:
- jquery日期选择器显示与值不同的文本
- Html5输入属性的默认值,如最小值、最大值、大小等
- Angular JS在一行中查找最小值
- 识别滑块范围的最小值和最大值
- 求除零以外的最小值
- Javascript-如何使用函数找到数组的最小值
- 我有一个字段计算,如果结果低于 60,则需要显示最小值
- 如何在拖动后获得图表的最小值和最大值放大高图表
- AngularJs:在数字输入字段中设置验证的条件最小值和最大值
- 如何设置jQuery微调器的最大值和最小值
- AngularJS绑定模型以选择更新输入数字字段,最小值为最大值
- 如何通过在JavaScript对象中的多个键/值对中查找最小值来选择键/值配对
- 设置要在 select2 插件中选择的最小值
- 如何在 jQuery 中设置日期选择器的最小值和最大值
- 从多个下拉选择列表(如math.min)中选择最小值
- 选择具有最小值的选项
- 如何在jquery中转换日期选择器最小日期(+10y)到日期时间
- 在chrome应用程序示例中添加窗口状态(最大值、最小值等)侦听器
- 使用JavaScript setInterval()时,JQuery日期选择器最小日期不变
- 处理日期选择器日历小部件中的日期值