Question

Datepicker必须允许用户仅在将来选择季度月份。不得允许过去的日期。

例如，如果我们在jan那么在这种情况下，quater month应该启用（march）并且jan和feb应该禁用。如果我们在mar，那么在这种情况下，quater month应该启用（march），jan和feb应该禁用。如果我们在4月，那么在这种情况下，季节月应该启用（jun）和jan，feb，mar，apr，可能应该禁用。

[varargin{1}{:}]

Answer 1

请检查代码段，此代码只允许您选择当前月份以及当前月份和一年之后。它不会让你回到过去

＆＃13;

$(document).ready(function () {
    $('.datepickerOne').datepicker({
        format: "yyyy-mm",
        viewMode: "months",
        minViewMode: "months",
        autoclose: true,
        startDate: new Date(),
        endDate : '+10y'
    }).on("change", function () {
        $("#testDetailsForm").bootstrapValidator('revalidateField', 'formsubmit_date');
    })
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.5.3/js/bootstrapValidator.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.5.3/css/bootstrapValidator.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<input type='text' name='datepickerOne' id='datepickerOne' class='datepickerOne form-control'>

＆＃13;

Answer 2

你试过minDate: 0吗？

$(document).ready(function () {
            $('.datepickerOne').datepicker({
                format: "yyyy-mm",
                viewMode: "months",
                minViewMode: "months",
                autoclose: true,
                minDate: 0
            }).on("change", function () {
                $("#testDetailsForm").bootstrapValidator('revalidateField', 'formsubmit_date');
            })
        });

Answer 3

您可以指定minDate和/或maxDate以获得所需效果。

按照文档here。

如何限制Datepicker以允许用户仅选择一年中的四分之一月份

3 个答案: