2015-10-18 70 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, 
] 
]); 
相關問題