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

选择日期：

$（文档）.ready（函数（）{ var today=新日期（）； $（'.datepicker'）.datepicker({ 格式：“mm dd yyyy”， 自动关闭：是的， 结束日期：“今天”， minDate：“今天”， 最大日期：“+2m” }).on（'changeDate'，功能（ev）{ $（this.datepicker（'hide'）； }); $（'.datepicker'）.keyup（函数（）{ if（此.value.match（/[^0-9]/g））{ this.value=this.value.replace（/[^0-9^-]/g'）； } }); });

---

我只想在日期选取器中显示指定的蛾类，我的意思是，如果日期选取器外的下拉列表中有按项目列出的选项，例如，一个选项是一月-二月-三月，第二个选项是四月-五月-六月，我想日期选取器只显示这些月份，我想在下拉菜单中选择按月份显示，这可能吗？

绝对可能。您可能希望查看API文档以了解更多信息，但一般来说，JQueryUI日期选择器可以受到如下限制：

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

在显示日期选择器之前，只需检查另一个下拉列表的

val（）

，并进行相应的限制

---

示例中还指出，如果您更喜欢将限制范围设置为特定日期，如

（新日期（2009年1月1日-1日，26日））

，而不是计算偏移量。

这是绝对可能的。您可能希望查看API文档以了解更多信息，但一般来说，JQueryUI日期选择器可以受到如下限制：

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

在显示日期选择器之前，只需检查另一个下拉列表的

val（）

，并进行相应的限制

---

示例中还指出，您可以将限制范围设置为特定日期，如

（新日期（2009年1-1月26日））

如果您更喜欢它而不是计算偏移量。

这是关于使用javascript@user1538301很明显，他说的是jQueryUI日期选择器，因为他用他的

脚本
元素加载这些库。@ScottMarcus最初没有代码。但你是对的，现在已经很清楚了。这是关于一个日期选择器使用javascript@user1538301很明显，他说的是jQueryUI日期选择器，因为他用他的
脚本
元素加载这些库。@ScottMarcus最初没有代码。但你是对的，现在很清楚了。