如何限制datepicker以允许用户只选择一年中的季度月份

cngwdvgl 于 2021-06-21 发布在 Mysql

关注(0)|答案(3)|浏览(374)

日期选择器必须允许用户在将来只选择四个月。不能使用过去的日期。
如果我们在一月，那么在这种情况下四个月应该启用（三月），一月和二月应该禁用。如果我们在三月，那么在这种情况下四个月应该启用（三月），一月和二月应该禁用。如果我们在四月，那么在这种情况下四个月应该启用（六月），一月，二月，三月，四月，五月应该禁用。

$(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');
            })
        });

mysql jquery JavaScript

来源：https://stackoverflow.com/questions/48277735/how-to-limit-datepicker-to-allow-the-user-to-select-only-quarter-month-of-the-ye

3条答案

按热度按时间

nmpmafwu1#

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

$(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');
    })
});

<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'>

赞(0）回复(0）举报 2021-06-21

z0qdvdin2#

您可以指定 minDate 和/或 maxDate 为了达到预期的效果。
请按照此处的文档操作。

赞(0）回复(0）举报 2021-06-21

f5emj3cl3#

你试过了吗 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');
            })
        });

赞(0）回复(0）举报 2021-06-21

我来回答

如何限制datepicker以允许用户只选择一年中的季度月份

3条答案

相关问题

热门标签

最新问答