jQuery datepicker来防止过去的日期

Question

如何在jQuery datepicker上禁用过去的日期？我查找了选项,但似乎没有找到任何表明能够禁用过去日期的内容.

更新:谢谢你的快速反应.我试过没有运气.天仍然没有像我预期的那样变灰,仍然接受选定的过去日期.

我试过这个:

$('#datepicker').datepicker({ minDate: '0' });

不行.

我试过这个:

$('#datepicker').datepicker({ minDate: new Date() });

仍然无法正常工作.

它显示日历小部件就好了.它不会灰色或阻止过去几天的输入.我曾经尝试过minDate和maxDate而没有运气,所以我认为它一定不是他们.

Answer 1

试试这个:

$("#datepicker").datepicker({ minDate: 0 });

从中删除引号0.

Answer 2

您只需指定一个最小日期 - 将其设置为0表示最小日期是从今天开始的0天,即今天.您可以'0d'改为传递字符串(默认单位为天).

$(function () {
    $('#date').datepicker({ minDate: 0 });
});

Answer 3

如果您正在处理先前绑定的日期选择器,则进行设置

$("#datepicker").datepicker({ minDate: 0 });

不管用.该语法仅在您创建窗口小部件时适用.

要为绑定日期选择器设置最小日期,请使用以下命令:

$("#datePicker").datepicker("option", "minDate", 0);

Answer 4

删除周围的引号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' />

Answer 5

使用minDate选项设置最小可能日期. http://jqueryui.com/demos/datepicker/#option-minDate

Answer 6

给予零注意并且它将废除过去的日期.

$( "#datepicker" ).datepicker({ minDate: 0});

实例

在这里阅读更多

Answer 7

这有效:

$("#datepicker").datepicker({ minDate: +0 });

Answer 8

//禁用未来日期

$('#datetimepicker1').datetimepicker({
            format: 'DD-MM-YYYY',
            maxDate: new Date
        }); 

//禁用过去的日期

 $('#datetimepicker2').datetimepicker({
        format: 'DD-MM-YYYY',
        minDate: new Date
    });

Answer 9

$("#datePicker").datePicker({startDate: new Date() });.这适合我