相对于在另一个文本框中选择月份，如何仅在日期选择器中显示选定的月份日期？

Question

我有两个文本框，一个是选择月份和年份，另一个是日期。我的两个日期选择器都工作正常，但我需要的是当我从一个文本框中选择月份和年份时，另一个文本框的日期选择器只需要显示所选月份的日期。

这是我的代码：

 <div class="col-lg-3">
            <label>Month</label>
            <div class="input-group date">
                <input type="text" class="form-control pull-right" id="txtMonth">
                <div class="input-group-addon bg-purple">
                    <i class="fa fa-calendar"></i>
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <label>Date From</label>
            <div class="input-group date">
                <input type="text" class="form-control pull-right" id="txtDateFrom">
                <div class="input-group-addon bg-purple">
                    <i class="fa fa-calendar"></i>
                </div>
            </div>
        </div>

我的 Javascript：

 <script>
        $(function () {
      $('#txtMonth').datepicker({
                autoclose: true,
                format: "MM yyyy",
                viewMode: "months",
                minViewMode: "months"
            })
            $('#txtDateFrom').datepicker({
                autoclose: true,
                format: 'dd/mm/yyyy'
            })           
        })</script>

这是我的月份选择文本框。如果我选择 2019 年 9 月，则意味着只有 9 月的日期需要显示在显示日期选择器的日期中。

或者，如果删除日期日历上的上一个和下一个图标也足以满足我的要求。

我怎样才能做到这一点？

Answer 1

您可以做的是获取您单击的月份索引并将其与日期月份日历匹配，如果两者都匹配，您可以专门显示该月份日期或为年份月份和日期月份日历提供相同的 id 并运行如果两个匹配项都显示，则 for 循环，否则显示隐藏