Question

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

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

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

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

Answer 1

试试这个

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

Answer 2

所以试试这个。本代码按照您的说法工作

    $(document).ready(function () {

var currentTime = new Date();
// First Date Of the month 
var startDateFrom = new Date(currentTime.getFullYear(),currentTime.getMonth(),1);
// Last Date Of the Month 
var startDateTo = new Date(currentTime.getFullYear(),currentTime.getMonth() +2,1);

    $('.datepickerOne').datepicker({
        format: "yyyy-mm",
        viewMode: "months",
        minViewMode: "months",
        autoclose: true,
        minDate:startDateTo,
        maxDate: "+2y"
    }).
    on("change", function () {
        $("#testDetailsForm").bootstrapValidator('revalidateField', 'formsubmit_date');
    })
});

允许用户在jquery datepicker中仅选择四分之一个月

2 个答案: