手順 2：ウィジェットの初期化

前の手順では、入力テキストボックスを作成するマークアップを追加しました。ここでは、ウィジェットを使用してさまざまな日付と時刻書式を表示する jQuery スクリプトを追加できます。

前の手順で追加した入力テキストボックスの終了 </div>タグの後に、次の jQuery スクリプトを入力し、wijinputdate ウィジェットを初期化します。

ソースビュー	コードのコピー
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $(function () { $("#textbox1").wijinputdate({ dateFormat: 'T' }); $("#textbox2").wijinputdate({ dateFormat: 'd' }); $("#textbox3").wijinputdate({ dateFormat: 'g' }); $("#textbox4").wijinputdate({ dateFormat: 'U' }); }); }); </script>

ソースビュー

コードのコピー

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
$(function () {
               $("#textbox1").wijinputdate({ dateFormat: 'T' });
               $("#textbox2").wijinputdate({ dateFormat: 'd' });
               $("#textbox3").wijinputdate({ dateFormat: 'g' });
               $("#textbox4").wijinputdate({ dateFormat: 'U' });
           });
       });
    </script>