Tags: Leichte Eigenschaften Klassenreferenz Datensegment Installation legen Wert
GitHub-Adresse: https://github.com/yuanzm/simple-date-picker#simple-date-pickerEinfache Datumsauswahl
Mobile leichte Datum Plug-in basiert auf Zepto
Installation
Die folgenden zwei Arten werden unterstützt
- Nach Git Clone direkt den Verweis unten Ordner "Bin" Kopieren der
datepicker.min.cssUnddatepicker.min.js
- Die Installation von NPM herunterladen:
npm install --save date_picker
Verwendung
- Referenz-Stile
datepicker.min.css
- Referenz
datepicker.min.jsOder Referenz-Modulevar DatePicker = require(‘date_picker‘);
- Instanziieren der Komponente, die Callback-Funktion nach Abschluss die verbindlichen Plug-in-Datumsauswahl
var _date = document.getElementById(‘date‘);var datePicker = new DatePicker({confirmCbk: function(data) { _date.value = data.year + ‘-‘ + data.month + ‘-‘ + data.day;}}); _date.onfocus = function(e) { _date.blur();datePicker.open(); };
Plug-in externen zwei APIS:openUndclose, Unter besonderer Berücksichtigung der oben genannten Demo _date im Fokus erhalten Sie nach der erzwungenen, im Mittelpunkt zu entfernen, ist zur Vermeidung von Android unter Eingabe Label Set ReadOnly-Eigenschaft verhindert nicht das native Tastatur Pop-up-Problem.
Online-Demo
Referenz: https://www.cnblogs.com/yuanzm/p/5241323.html
Web APP Datumsauswahl-Steuerelement