Customizing Dateinput behavior
These inputs are initialized with a single $(":date").dateinput() call and they share a common configuration. Each input overrides this configuration with their own options.
All three dateinputs are initialized with this single call. Look at the dateinput configuration for the details of each configuration option.
You need to place the script block after the HTML code or you can alternatively use jQuery's $(document).ready to execute the script as soon as the webpage's Document Object Model (DOM) has been loaded. Read more about that from the User's Manual.
Native HTML5 date input supports two attributes, min and max, that can be used to set boundaries for the selectable day. The value must be in RFC 3339 format such as: 2010-12-22 but this tool also accepts a numeric value that evaluates to the number of days from the present day.
value attribute specifies the initial value displayed for the user. This can be eiter a date in RFC format or a number but it can also be any string in which case you can use data-value parameter to specify the initial value.