2016-10-13 1 views
1

Ich versuche, datepicker und timepicker Komponenten in meiner Ionic App für Android zu bauen.Ionic Datepicker und Timepicker

Ich habe nach verschiedenen libs und Plugins gesucht, aber ich war nicht in der Lage zu finden, was ich wollte - iOS-Stil Datum und Uhrzeit Picker welcher Benutzer scrollen kann, um Daten und Zeiten wie Bild unten durchzugehen.

enter image description here

Jede Beratung und Vorschlag würde geschätzt. Vielen Dank im Voraus.

+0

Ich bin nicht wirklich sicher verstehe ich, was Sie suchen. Haben Sie das gesehen, obwohl https://github.com/katemihalikova/ion-datetime-picker – Marko

+0

Überprüfen Sie meine Antwort –

+0

@Marko Ich suchte WheelPicker unten beantwortet. Und ich habe diese Lib gesehen. Trotzdem danke. – smchae

Antwort

0

Sie können drumjs JavaScript-Bibliothek verwenden verwenden.

Mit dieser Bibliothek können Sie einfach Rad mit folgendem Code erstellen.

<body class="outside"> 
    <select> 
     <option>1</option> 
     <option>2</option> 
     ... 
     <option selected>39</option> 
     ... 
     <option>5</option> 
    </select> 
    <script> 
     $("select").drum(); 
    </script> 
</body> 

siehe das Beispiel von picker wie ios here

+0

Dies funktioniert aber hat ein kleines Leistungsproblem auf Android-Gerät. – smchae

0

In Android es WheelPicker genannt wird, empfehle ich Ihnen

WheelPicker

compile 'cn.aigestudio.wheelpicker:WheelPicker:1.1.2' 

OUTPUT

enter image description here

OR

zu verwenden 0

Sie können CharacterPicker

CharacterPickerWindow mOptions = new CharacterPickerWindow(activity); 

setPickerData(mOptions.getPickerView()); 

mOptions.setSelectOptions(0, 0, 0); 

mOptions.setOnoptionsSelectListener(new OnOptionChangedListener() { 
    @Override 
    public void onOptionChanged(int options1, int option2, int options3) { 

    } 
}); 
mOptions.showAtLocation(v, Gravity.BOTTOM, 0, 0); 
+0

Vielen Dank für den Vorschlag. Können Sie mir ein ionischen oder ein einfaches angularjs Beispiel zeigen? – smchae

Verwandte Themen