マークアップとスクリプティング

wijInputDate ウィジェットの HTML マークアップは次のようになります。

マークアップ	コードのコピー
<input type="text" id="textbox1" style="width: 200px" /><br> <input type="text" id="textbox2" style="width: 200px" /><br> <input type="text" id="textbox3" style="width: 200px" /><br> <input type="text" id="textbox4" style="width: 200px" />

マークアップ

コードのコピー

<input type="text" id="textbox1" style="width: 200px" /><br>
<input type="text" id="textbox2" style="width: 200px" /><br>
<input type="text" id="textbox3" style="width: 200px" /><br>
<input type="text" id="textbox4" style="width: 200px" />

次の jQuery スクリプトでウィジェットを初期化できます。

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

スクリプト

コードのコピー

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

ここで説明しているマークアップとスクリプトの結果は次のようになります。 Input 内をクリックすると、別の日付を入力できます。

関連トピック

参照