Web APP Datumsauswahl-Steuerelement

Quelle: Internet
Autor: Benutzer

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 derdatepicker.min.cssUnddatepicker.min.js
  • Die Installation von NPM herunterladen:npm install --save date_picker
Verwendung
  • Referenz-Stiledatepicker.min.css
  • Referenzdatepicker.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

Kontaktiere uns

Die Inhaltsquelle dieser Seite ist aus dem Internet, und vertritt nicht die Meinung von Alibaba Cloud; auf dieser Seite erwähnte Produkte und Dienstleistungen haben keine Beziehung zu Alibaba Cloud. Wenn der Inhalt der Seite Ihrer Meinung nach verwirrend ist, schreiben sie uns bitte eine E-Mail. Wir werden das Problem innerhalb von 5 Tagen nach Erhalt Ihrer E-Mail bearbeiten.

Wenn Sie Fälle von Plagiaten aus der Community feststellen, senden Sie bitte eine E-Mail an info-contact@alibabacloud.com und legen Sie entsprechende Beweise vor. Ein Mitarbeiter wird Sie innerhalb von 5 Werktagen kontaktieren.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.