Wijmo UI for the Web
Markup and Scripting
The HTML markup for a wijInputDate widget looks like this.
| 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.
| 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.