Question

datepicker应使用哪个类才能使用以后的日期？

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

注意：代码由其他人编写。上面的代码不允许输入将来的日期，或者您可以说在日历点击上禁用未来日期。我希望代码禁用过去的日期并仅显示未来的日期年份。我无法得到这些类（datepicker，maxDateToday）如何在这里工作;无法在CSS中找到它。我不知道上面是否由JQuery执行;如果是，那么我无法搜索相同的。如果这些课程是预定义的，那么请你帮我找一堂课吗？

Answer 1

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

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

Answer 2

使用datepicker的minDate（）方法可以找到api详细信息http://api.jqueryui.com/datepicker/

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

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

我希望这会奏效。

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中禁用过去的日期？

5 个答案: