0

私のhtml私は

<input runat="server" id="dateid" maxlength="50" size="10" type="date" name="dateid" />

私は使用しているjquery日付ピッカーを持っているので、最初の問題は、独自の日付ピッカーを提供するGoogle Chromeなどの特定のブラウザーで発生しました。入力タイプの日付を使用しないように読みましたが、この方法でjqueryコードを簡素化し、すべての日付にカレンダーを適用できます。それで、ブラウザが独自のカレンダーをサポートしている場合、機能しているように見えるmodernizrがカレンダーを表示しないことがわかりました。

私はmodernizrバージョン2.6.2を使用しています

<script type="text/javascript">
        $(function () {
            if (!Modernizr.inputtypes['date']) {
                $('input[type="date"]').datepicker();
            }
        });
    </script>

日付をクリックしたときにGoogle Chromeカレンダーの使用を許可すると、主な問題は入力コントロールに適用されません。入力コントロールに表示される日付をクリックしますが、クリックすると日付が表示されなくなります。

4

1 に答える 1

2

Chrome などの最新のブラウザーは、日付inputフィールドをHTML5 Standart Date Calendar. 入力タイプをテキストに変更し、 data-属性を追加して、日付ピッカーであることを伝えます。

HTML

<input runat="server" 
 id="dateid" 
 maxlength="50" 
 size="10" 
 type="text" 
 name="dateid" 
 data-datepicker="true"/>

JavaScript

<script type="text/javascript">
    $(function () {
      $('input[data-datepicker="true"]').datepicker();
    });
</script>
于 2013-09-16T20:38:20.793 に答える