2015-09-15 6 views
5

は、モバイルブラウザ(Android、iOS、Windows phone)および標準ブラウザで動作する日付ピッカーライブラリはありますか?ブートストラップCSSと互換性があり、可能であれば、ネイティブhtml5日付フィールドにフォールバックすることができれば完璧です。何かお勧めします。 は私が を試してみました - (AndroidとIEで壊れ)webshims - pickadate(それがどのように動作するかに満足していない)クロスブラウザのdatepickerコンポーネント(モバイルおよびデスクトップブラウザと互換)とブートストラップ

答えて

1

jQueryのUIは、あなたの友人はここにある...と、ここでのサンプルこれは私の携帯電話では動作しません

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

jQuery UI datepickerは、私がテストしたソリューションです。

+0

、あなたはそれが動作する方法を手に入れたのでしょうか? – OneTwo

+0

申し訳ありませんが、私はモバイルデバイスでそれを多くテストしませんでした。 –

関連する問題