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

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循环。