<input type="text" id="simple" name="simple" class="form-control wbn-datepicker" />JavaScript
$('.wbn-datepicker').datepicker()Output
Use the value
attribute
<input type="text" id="value-specified" name="value_specified" class="form-control wbn-datepicker" value="2017-03-26" />Output
Use the data-min
and data-max
attributes
<input type="text" id="value-specified" name="value_specified" class="form-control wbn-datepicker" data-min="2017-01-15" data-max="2017-04-15" />Output
Use data-start-src="from-date-id"
on end-date datepicker.
<input type="text" id="start-date" name="start_date" class="form-control wbn-datepicker" /> <input type="text" id="end-date" name="end_date" class="form-control wbn-datepicker" data-start-src="start-date" />Output
Use data-repeat="weekly" data-repeat-day="dayOfWeek"
on end-date datepicker.
<input type="text" id="start-date-repeat" name="start_date_repeat" class="form-control wbn-datepicker" /> <input type="text" id="end-date-repeat" name="end_date_repeat" class="form-control wbn-datepicker" data-start-src="start-date-repeat" data-repeat="weekly" data-repeat-day="0" />Output
Use data-repeat="monthly" data-repeat-day="dayOfMonth"
on end-date datepicker.
<input type="text" id="start-date-repeat" name="start_date_repeat" class="form-control wbn-datepicker" /> <input type="text" id="end-date-repeat" name="end_date_repeat" class="form-control wbn-datepicker" data-start-src="start-date-repeat" data-repeat="weekly" data-repeat-day="0" />Output