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>

我的Java语言：

 <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循环，则显示为隐藏

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

1 个答案: