时间戳

首页 > 解决方案 > 在 datepicker javascript 中显示下拉菜单指示的月份

javascript - 在 datepicker javascript 中显示下拉菜单指示的月份

问题描述

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<p>Select Date: <input type="text" class="datepicker"></p>
<script>
$(document).ready(function () {
        var today = new Date();
        $('.datepicker').datepicker({
            format: 'mm-dd-yyyy',
            autoclose:true,
            endDate: "today",
            minDate:"today",
            maxDate: "+2m"
        }).on('changeDate', function (ev) {
                $(this).datepicker('hide');
            });


        $('.datepicker').keyup(function () {
            if (this.value.match(/[^0-9]/g)) {
                this.value = this.value.replace(/[^0-9^-]/g, '');
            }
        });
    });
</script>

我只想在日期选择器中显示指定的飞蛾，我的意思是，如果日期选择器外部的下拉列表具有逐项选项，一个选项是一月-二月-三月，第二个选项是四月-五月-六月我希望日期选择器只显示这几个月，我希望它在下拉菜单中选择的三个月显示，这可能吗？

标签： javascripthtmllaravel

解决方案

这绝对是可能的。您可能需要查看 API 文档以获取更多信息，但通常 JQueryUI 日期选择器可能会受到以下限制：

$( function() {
    $( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });
} );

您只需val()在显示日期选择器之前检查您的其他下拉列表并相应地进行限制。

来自https://jqueryui.com/datepicker/#min-max的示例，其中还指出您可以将限制范围设置为特定日期，例如(new Date(2009, 1 - 1, 26))您是否更喜欢计算偏移量。

推荐阅读