14

HTMLで、テキストボックスをクリックしながら日付を選択するカレンダーを表示したいと思います。 次に、そのカレンダーから日付を選択すると、選択した日付がそのテキストボックスに表示されます。

4

8 に答える 8

6

jQueryUI Datepickerを読む必要があります

関連する jQuery UI ライブラリを含めると、次のように簡単になります。

脚本：

$(function() {
    $( "#datepicker" ).datepicker();
});

HTML:

<input type="text" id="datepicker" />

長所：

  • X ブラウザーとの互換性について徹底的にテストされているため、問題はありません。
  • 別のcssファイルなので、好みに合わせてカスタマイズできます
于 2013-02-25T06:06:33.440 に答える
3

jquery-ui を使ってみる

<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>

<script>   
    $(function() {
         $( "#calendar" ).datepicker();   
    }); 
</script>

<p>Calendar: <input type="text" id="calendar" /></p>

もっと

于 2013-02-25T06:07:15.747 に答える
1

必要なのはjQuery UI Datepicker です

デモとソースコードをチェックしてください。

于 2013-02-25T06:04:42.897 に答える
1

javascript html カレンダー ウィジェットを使用する必要があります。

このカレンダービューウィジェットを試してみてください。例に示されているコードをコピーして貼り付けるだけで、それが必要になります。

Jquery Mobile date box - JQM dateboxへのリンクは次のとおりです。

于 2013-02-25T06:05:24.047 に答える
0

jQuery Mobile にも日付ピッカーがあります。ソース

次のファイルを含めるだけで、

  <script src="jQuery.ui.datepicker.js"></script>
  <script src="jquery.ui.datepicker.mobile.js"></script>
于 2013-02-25T06:13:54.467 に答える
0

HTML Date Picker を参照できます。

于 2013-02-25T06:10:18.927 に答える