如何在jQuery datepicker上禁用过去的日期?我在寻找选项,但似乎找不到任何能禁用过去日期的功能。
更新:谢谢yall的快速回复。我没有运气尝试过。日子仍然没有像我期望的那样变灰,仍然接受所选的过去日期。
我尝试过:
$('#datepicker').datepicker({ minDate: '0' });
不起作用。
我尝试过:
$('#datepicker').datepicker({ minDate: new Date() });
仍然不起作用。
它显示日历小部件就很好。它只是不会变灰或阻止过去几天的输入。过去我一直没有尝试过minDate和maxDate,所以我认为它一定不是它们。
尝试一下:
$("#datepicker").datepicker({ minDate: 0 });
从0
中删除引号。
您只需要指定一个最小日期-将其设置为0意味着最小日期是从今天(即今天)开始的0天。您可以改为传递字符串'0d'
(默认单位为天)。
$(function () {
$('#date').datepicker({ minDate: 0 });
});
如果您正在使用以前绑定的日期选择器,则进行设置
$("#datepicker").datepicker({ minDate: 0 });
将不起作用。该语法仅在创建窗口小部件时适用。
要为绑定日期选择器设置最小日期,请使用以下命令:
$("#datePicker").datepicker("option", "minDate", 0);
删除0
周围的引号,它将起作用。
工作代码段:
// set minDate to 0 for today's date
$('#datepicker').datepicker({ minDate: 0 });
body {
font-size: 12px; /* just so that it doesn't default to 16px (which is kinda huge) */
}
<!-- load jQuery and jQuery UI -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<!-- load jQuery UI CSS theme -->
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<!-- the datepicker input -->
<input type='text' id='datepicker' placeholder='Select date' />
使用minDate选项设置可能的最短日期。http://jqueryui.com/demos/datepicker/#option-minDate
此作品:
$("#datepicker").datepicker({ minDate: +0 });
//禁用将来的日期
$('#datetimepicker1').datetimepicker({
format: 'DD-MM-YYYY',
maxDate: new Date
});
//禁用过去的日期
$('#datetimepicker2').datetimepicker({
format: 'DD-MM-YYYY',
minDate: new Date
});
$("#datePicker").datePicker({startDate: new Date() });
。这对我有用
我正在使用以下代码格式化日期并在日历中显示2个月...
<script>
$(function() {
var dates = $( "#from, #to" ).datepicker({
showOn: "button",
buttonImage: "imgs/calendar-month.png",
buttonImageOnly: true,
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 2,
onSelect: function( selectedDate ) {
$( ".selector" ).datepicker({ defaultDate: +7 });
var option = this.id == "from" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", "dateFormat", 'yy-mm-dd' );
}
});
});
</script>
问题是我不确定如何限制以前的日期选择。
请确保将多个属性放在同一行中(由于只显示了1行代码,所以您可能遇到了与我相同的问题)。
我会设置默认日期,但不会将旧日期设为灰色。这不起作用:
$('#date_end').datepicker({ defaultDate: +31 })
$('#date_end').datepicker({ minDate: 1 })
这两者都做:
$('#date_end').datepicker({ defaultDate: +31, minDate: 1 })
1和+1的工作原理相同(或您的情况下为0和+0)。
我:Windows 7 x64,Rails 3.2.3,Ruby 1.9.3
var givenStartDate = $('#startDate').val();
alert('START DATE'+givenStartDate);
var givenEndDate = $('#endDate').val();
alert('END DATE'+givenEndDate);
var date = new Date();
var month = date.getMonth()+1;
var day = date.getDate();
var currentDate = date.getFullYear() + '-' +
(month<10 ? '0' : '') + month + '-' +
(day<10 ? '0' : '') + day;
if(givenStartDate < currentDate || givenEndDate < currentDate)
{
$("#updateButton").attr("disabled","disabled");
}
if(givenStartDate < currentDate && givenEndDate > currentDate)
{
$("#updateButton").attr("enabled","enabled");
}
if(givenStartDate > currentDate || givenEndDate > currentDate) {
$("#updateButton").attr("enabled","enabled");
}
尝试一下。如果有任何错误,请纠正我:)谢谢。
尝试将startDate
设置为当前日期。例如:
$('.date-pick').datePicker({startDate:'01/01/1996'});
这应该有效<input type="text" id="datepicker">
var dateToday = new Date();
$("#datepicker").datepicker({
minDate: dateToday,
onSelect: function(selectedDate) {
var option = this.id == "datepicker" ? "minDate" : "maxDate",
instance = $(this).data("datepicker"),
date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
dates.not(this).datepicker("option", option, date);
}
});