Cross-Browser-Datapicker-Komponente (kompatibel mit mobilen und Desktop-Browsern) und mit Bootstrap

gibt es eine Datapicker-Bibliothek, die in mobilen Browsern (Android, iOS, Windows Phone) und auch in Standard-Browsern funktionieren würde? Es wäre perfekt, wenn es mit Bootstrap-CSS kompatibel wäre und wenn es möglich wäre, auf native html5-Datumsfelder zurückzugreifen. Bitte empfehlen Sie etwas. Ich versuchte - webshims (aufgeschlüsselt in Android und IE) - pickadate (nicht zufrieden damit, wie es sich verhält)Cross-Browser-Datapicker-Komponente (kompatibel mit mobilen und Desktop-Browsern) und mit Bootstrap

Quelle

2015-09-15 nightwatch

JQuery UI ist dein Freund hier ... und hier ist ein Beispiel

<head> 
<script type="text/javascript"> 
    var datefield=document.createElement("input") 
    datefield.setAttribute("type", "date") 
    if (datefield.type!="date"){ //if browser doesn't support input type="date", load files for jQuery UI Date Picker 
     document.write('<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />\n') 
     document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><\/script>\n') 
     document.write('<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"><\/script>\n') 
} 
</script> 

<script> 
if (datefield.type!="date"){ //if browser doesn't support input type="date", initialize date picker widget: 
    jQuery(function($){ //on document.ready 
     $('#birthday').datepicker(); 
    }) 
} 
</script> 
</head> 

<body> 
    <form> 
     <b>Date of birth:</b> 
     <input type="date" id="birthday" name="birthday" size="20" /> 
     <input type="button" value="Submit" name="B1"></p> 
    </form> 
</body>

Quelle

2016-08-09 17:27:54 FrickeFresh

Die jQuery UI datepicker ist eine erprobte Lösung von mir.

Quelle

2015-09-16 07:54:25

Das ist nicht mit dem Handy funktioniert, wie haben Sie es an die Arbeit? – OneTwo

Entschuldigung, ich habe es auf mobilen Geräten nicht oft getestet. –

Cross-Browser-Datapicker-Komponente (kompatibel mit mobilen und Desktop-Browsern) und mit Bootstrap

Antwort

Verwandte Themen