Markup and Scripting

The HTML markup for a wijInputDate widget looks like this.

Drop down to view markup

Markup	Copy Code
<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" />

You can initialize the widget with the following jQuery script.

Drop down to view script

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

The markup and script featured here results in the following live widget. Click inside an Input to enter a different date.

See Also