2015-10-18 43 views
5

我需要在YII 2中使用boostrap daterangepicker的帮助。我需要仅以年份格式更改选择范围。我正在使用https://github.com/kartik-v/yii2-date-range如何在yi2中的daterangepicker中选择年份?

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

+0

禁用日期和月的视图取决于引导提供的选项..据我所知,没有这样的选项。您可能想要使用任何其他方法,比如使用不同项目在年份选择中使用的简单下拉菜单。 –

回答

2

你到现在为止尝试实现什么,以便我们可以帮助你更多,并在你的问题中添加一些代码,这也将有所帮助。

我建议你尝试clientoption和尝试禁用月份和日期视图 并转到卡尔蒂克其中文档是可用该网站,并在上面阅读的选项,因为它的第三方工具比它可能有局限性和可能在widget的官方网站来解释更

希望这有助于

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的使用引导日期选择器和T他认为这是here

1
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, 
] 
]); 
相关问题