Wijmo UI for the Web
Create a Drop-Down Calendar
Wijmo User Guide > Widgets > Input Widgets > InputDate > InputDate How To > Create a Drop-Down Calendar

Building on the Quick Start example, you can set the showTrigger option to true, and without providing pickers, you create a drop-down calendar.

  1. In the <head> section of your HTML file, replace the script that includes the document ready function with this one, which sets the showTrigger option to true and leaves all other options on their default settings. 

    Drop down and copy script to paste in <head> section

    Script
    Copy Code
    <script type="text/javascript">
    $(document).ready(function () {
        $("#textbox1").wijinputdate(
            {
                showTrigger: true
        });
    });
    </script>
  2. No changes are necessary in the <body> section of your HTML file. The basic <div> tag is sufficient to create the widget.
  3. Save your HTML file and open it in a browser. The widget appears like the one in the live widget below. Click the arrow button (trigger) to drop down the calendar.
See Also

Widgets

Reference