wijinputdate Step 2 of 3: Initializing the Widgets

In the previous step, you added markup to create the input textboxes. Now you can add the jQuery script to use the widgets to display the different date and time formats.

After the closing </div> tags for the input textboxes, enter the following jQuery script to initialize the wijinputdate widgets:

<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>