Question

$(document).on('focus',".expdate",function(){
    $('.expdate').datepicker({minDate:0});
    $(this).datepicker();
    $( ".expdate" ).datepicker('option','dateFormat','dd/mm/yy');
    $( ".expdate" ).datepicker("changeMonth", true );
});

我正在尝试禁用所有以前的日期，我需要显示所有接下来的日子，也许是2017年12月。日期格式必须为dd/mm/yy。

Answer 1

$('#appDatePick').datepicker({format: "dd/mm/yyyy",
    startDate: "today",
    endDate: '+2m',
    autoclose: true
});

（或）

$('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' });

使用这个

Answer 2

您可以使用jQuery-ui datepicker选项来创建所需的组件：

$(document).ready(function() {
    $('.expdate').datepicker({
        minDate: 0,
        maxDate: new Date(2017, 11, 31),
        dateFormat: 'dd/mm/yy',
        changeMonth: true
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet"/>

<input type="text" class="expdate">

您禁用之前的所有日期设置minDate为0. maxDate可让您定义最大可选日期（示例中为2017年12月31日）。使用dateFormat您可以自定义日期格式，并可以使用changeMonth启用月份下拉菜单。您可以在official documentation中找到完整的参考资料。

为什么当我点击datepickers下一个按钮时，datepicker无法显示？

2 个答案: