Datepicker 如何在 JQuery 和 CSS 中仅选择未来日期并禁用过去日期？

Question

日期选择器应该使用哪个 class 以仅使用未来日期？

<form:input path="FutureDato" type="date" class="datepicker maxDateToday hasDatepicker" />

注意：代码是别人写的。上面的代码不允许输入未来的日期，或者你可以说禁用日历点击上的未来日期。我希望代码禁用过去的日期并仅显示未来的日期年份。我无法了解这些 classes (datepicker, maxDateToday) 在这里是如何工作的；无法在 CSS 中找到它。我不知道上面是否由JQuery执行；如果是，那么我无法搜索相同的内容。如果这样的 classes 是预定义的，那么你能帮我找到 class 吗？

Answer 1

使用日期选择器的 minDate() 方法可以找到 api 详细信息 http://api.jqueryui.com/datepicker/

$( ".selector" ).datepicker({
     minDate: new Date()
});

为此，您首先必须导入 jQuery-UI 脚本 https://code.jquery.com/ui/

我希望这会奏效。

Answer 2

要使任何过去的日期都无法选择，您首先必须找到日期选择器的实例，并将 minDate 设置设为零。

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

Answer 3

禁用过去日期并仅选择未来日期的最佳解决方案是：

试试这个，它在我的情况下有效：

$( ".selector" ).datepicker({ 
    startDate: new Date()   
});

Answer 4

我发现，在我的特定情况下，它只有在使用 setDefaults 时才有效。例如：

<script type="text/javascript">
    jQuery( document ).ready( function ( e ) {
        if ( jQuery( '.your-date-picker-selector' ).length ) {
            jQuery.datepicker.setDefaults({
                minDate: 0,
                maxDate: "+12m"
            });
        }
    });
</script>

Answer 5

要禁用任何过去的日期或仅禁用未来的日期，您首先必须找到日期选择器的实例化，并将 startDate 设置设置为“+0d”。

$('element').datepicker({
    startDate: '+0d'
});

Datepicker 如何在 JQuery 和 CSS 中仅选择未来日期并禁用过去日期？

How to Datepicker picks future dates only and disable past date in JQuery and CSS?

jquery

datepicker