Componente datario cross-browser (compatibile con i browser mobili e desktop) e con Bootstrap

c'è qualche libreria di datepicker che funzionerebbe nei browser mobili (Android, iOS, Windows phone) e anche nei browser standard? Sarebbe perfetto se fosse compatibile con Bootstrap css, e se potesse tornare ai campi nativi HTML5 dove possibile. Si prega di raccomandare qualcosa. Ho provato - webshims (rotto in Android e IE) - pickadate (non contento di come si comporta)Componente datario cross-browser (compatibile con i browser mobili e desktop) e con Bootstrap

fonte

2015-09-15 nightwatch

JQuery UI è tuo amico qui ... e qui è un campione

<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>

fonte

2016-08-09 17:27:54 FrickeFresh

Il jQuery UI datepicker è una soluzione testata da me.

fonte

2015-09-16 07:54:25

Questo non funziona con il mio cellulare, come hai fatto a farlo funzionare? – OneTwo

Siamo spiacenti, non l'ho testato molto sui dispositivi mobili. –

Componente datario cross-browser (compatibile con i browser mobili e desktop) e con Bootstrap

risposta

Problemi correlati