2015-10-18 13 views
5

Ich brauche Hilfe mit dem Boartrap Datumsrangierer in YII 2. Ich muss Auswahlbereich nur im Jahresformat ändern. Ich benutze https://github.com/kartik-v/yii2-date-rangeWie wähle ich in daterangepicker nur Jahr in Yii2 aus?

Ich brauche Datum 2000-2005, 1990-2000 .... nur Jahr ohne Monat und Datum. Ich habe diese Option nur im Basis Bootstrap Datepicker gefunden.

+0

das Deaktivieren der Ansicht von Datum und Monat hängt von den Optionen ab, die von Bootstrap zur Verfügung gestellt werden .. soweit ich weiß gibt es keine Option wie diese. Sie möchten vielleicht jede Alternative verwenden, wie zum Beispiel das einfache Dropdown-Menü, das Sie für die Auswahl des Jahres verwenden. –

Antwort

2

Was haben Sie bis jetzt versucht zu implementieren, damit wir Ihnen mehr helfen und Code in Ihre Frage einfügen können, der ebenfalls hilft.

Ich würde Sie vorschlagen clientoption zu versuchen und versuchen, Monat und Datum Ansicht deaktivieren und auf diese Website von kartik zu gehen, wo Dokumente verfügbar sind und die Optionen oben, als ein Drittanbieter-Tool gelesen, als es Einschränkungen haben könnte und vielleicht weitere Informationen auf der offiziellen Seite des Widgets

this helps

2

Mit Blick auf die documentation für das Plugin der Kartik widget basierte auf zu tun, was Sie wollen, nicht möglich sein, erklärt erscheinen, aber Yii2 hat dies bereits Funktionalität built in:

1, Fügen Sie diese CSS alles auf dem Kalender-Widget mit Ausnahme des Jahres in Yü-Widget, ändern Klasse/Modellnamen widerzuspiegeln Ihr aktuelles Projekt

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

    'clientOptions' => [ 

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

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

2, Verwenden Sie die integrierte verstecken 3 Bei der Prüfung dieses ich fand ich auch diesen javascript musste (aber es könnte einen besseren Weg)

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

Yü wird mit dem Bootstrap picker und t er options dafür sind 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, 
] 
]); 
Verwandte Themen