如何在 Yii2 中仅选择 daterangepicker 年份？答案

【问题标题】：How to select in daterangepicker only year in Yii2?如何在 Yii2 中仅选择 daterangepicker 年份？
【发布时间】：2016-01-17 02:51:00
【问题描述】：

我需要有关 YII 2 中的 boostrap 日期范围选择器的帮助。我只需要更改年份格式的选择范围。我正在使用https://github.com/kartik-v/yii2-date-range

我需要选择日期 2000-2005、1990-2000 .... 只有年份没有月份和日期。我只在基本引导日期选择器中找到了这个选项。

【问题讨论】：

禁用日期和月份的视图取决于引导程序提供的选项。据我所知，没有这样的选项。您可能想要使用任何替代方法，例如使用简单的下拉菜单，例如不同项目用于年份选择。

标签： twitter-bootstrap datepicker yii2 daterangepicker

【解决方案1】：

到目前为止，您尝试实现什么，以便我们可以为您提供更多帮助并在您的问题中添加一些代码，这也会有所帮助。

我建议您尝试clientoption 并尝试禁用月份和日期视图并转到提供文档的 Kartik 网站并阅读顶部的选项，作为第三方工具，它可能有限制，并且可能会在小部件的官方网站上进行更多解释

希望对你有帮助

【讨论】：

【解决方案2】：

查看documentation的插件Kartik widget是基于做你想做的似乎不可能，但Yii2已经有这个功能built in：

1、添加这个css来隐藏日历小部件上除年份以外的所有内容

<style type="text/css">
.ui-datepicker-calendar {
        display: none;
    }
</style>

2，使用内置的 Yii 小部件，更改类/模型名称以反映您的实际项目

echo $form->field($model, 'time_scheduled')->widget(\yii\jui\DatePicker::classname(), [

    'clientOptions' => [

        'changeMonth' => false,
        'changeYear' => true,
        'showButtonPanel' => true,
        'dateFormat' => 'yyyy',
        'yearRange' => '1990:2020'
    ],
]);

3，在测试中我发现我也必须添加这个javascript（但可能有更好的方法）

$(document.body).on('click', '.ui-datepicker-close', function (e) {
    var value = $('.ui-datepicker-year :selected').text();
    $('#feed-time_scheduled').val(value);
});

Yii 正在使用引导日期选择器，其选项为 here。

【讨论】：

【解决方案3】：

echo DatePicker::widget([
'model' => $model,
'attribute' => 'start_date',
'options' => ['placeholder' => 'Start date'],
'type' => DatePicker::TYPE_COMPONENT_PREPEND,
'form' => $form,
'pluginOptions' => [
'format' => 'mm/yyyy',
'autoclose' => true,
'minViewMode' => 1,
]
]);

【讨论】：