Question

我使用bootstrap-timepicker：https://eonasdan.github.io/bootstrap-datetimepicker/#min-view-mode并使用“Min View Mode”，因为我只想获得一年和一个月。没有“日子”。在他们的例子中它的工作正常。但是当我使用它时，首先你选择一年，然后一个月然后它可以工作。但是当你改变这个val时它会显示一个日期选择器。

必须显示年份或月份，但不能显示当天。

codepen：http://codepen.io/r2get/pen/bwaZog

<div class="col-xs-12 product-prijs-cont">
    <div class="row">
        <div class="col-md-6">
            <h1 class="custom-h1" style="border:0;"><i class="fa fa-sliders supp-color-price-page"></i>&nbsp;Filter jaar</h1>
        </div>
        <div class="col-md-6 padding-bottom-year-filter">
            <div class="input-group date" id="datetimepicker" style="margin-top:-3px;">
                <input type="text" id="yearSelector" class="form-control input-group-addon" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
    </div>
</div>

在第一次输入时，它首先选择年份，然后是月份，它显示年份和月份。但是第二次尝试（改变）它必须显示一年或一个月，但它显示一天

Answer 1

根据bootstrap-datetimepicker.js源代码，当弹出窗口关闭时，当前视图模式正在被重置（不知道为什么，它可能是这个库的更好的联系贡献者）：

currentViewMode = 0;

这就是下次显示默认视图（days）的原因。

解决方法

一个选项是在显示弹出窗口后强制显示years视图：

$("#datetimepicker").on("dp.show", function (e) { $('.datepicker-days').hide(); $('.datepicker-years').show(); });

演示

Updated codepen

bootstrap-timepicker - 只获得年月和月份 - 不显示日期选择器

1 个答案: