如何将daterangepicker设置为ONLY YEARS

Question

我一直在为我的UI使用AdminLTE引导程序。它已经附带了datepicker和daterangepicker插件。我一直在寻找有关如何设置数据范围选择器以仅显示数年的答案，但到目前为止，我只遇到将datepicker设置为我想要的格式。我尝试使用datepicker的解决方案将我的daterangepicker设置为仅几年，但它并没有为我锻炼。我怎样才能做到这一点？我不想使用datepicker，因为它只选择一个日期与daterangepicker相比，这允许我一次选择2个日期。

这是我尝试过的日期选择器解决方案。它仅适用于datepicker，但不适用于daterangepicker：

$('#reservation').datepicker({
    format: "yyyy",
    autoclose: true,
    minViewMode: "years"}); 

我尝试将其包含在我的daterangepicker中但没有发生任何事情：

$('#reservation').daterangepicker({
    format: "yyyy",
    autoclose: true,
    minViewMode: "years"});

这是我的daterangepicker目前的样子：

以下是我希望我的daterrangepicker看起来有点像（取自datepicker）：

Answer 1

这是我找到的最佳方式 - ＆gt; link

使用bootstrap-datepicker这段代码：

＆＃13;

＆＃13;

$('#education-range input').each(function () {
        $(this).datepicker({
            autoclose: true,
            format: " yyyy",
            viewMode: "years",
            minViewMode: "years"
        });
        $(this).datepicker('clearDates');
    });

＆＃13;

<link href="https://adminlte.io/themes/AdminLTE/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" rel="stylesheet"/>
<link href="https://adminlte.io/themes/AdminLTE/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>

<script src="https://adminlte.io/themes/AdminLTE/bower_components/jquery/dist/jquery.min.js"></script>
<script src="https://adminlte.io/themes/AdminLTE/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<script src="https://adminlte.io/themes/AdminLTE/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<div class="input-group input-daterange" id="education-range">
                                <input type="text" class="form-control" value="2012-04-05">
                                <div class="input-group-addon">to</div>
                                <input type="text" class="form-control" value="2012-04-19">
</div>

＆＃13;

＆＃13;

＆＃13;