相對於在另一個文本框中選擇月份，如何僅在日期選擇器中顯示所選月份的日期？

Question

我有2個文本框，一個是選擇月份和年份，另一個是帶日期的。 我的兩個日期選擇器都工作正常，但是我需要的是從一個文本框中選擇月份和年份時，另一個文本框的日期選擇器只需要顯示所選月份的日期。

這是我的代碼：

 <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循環，如果兩項都顯示，否則顯示隱藏