Datepicker

HomeComponentsDatepicker

Single Date Picker

Datepicker will automatically initialize on elements with class .datepicker-here,options may be sent via data attributes.

Selecting Multiple Dates

Pass parameter{multipleDates:true}for selection of multiple dates. If you want to limit the number of selected dates,pass the desired number{multipleDates:7}.

Inside Single Date Picker

Inside Multiples Date Picker

Disable Days of Week

For disabling days,use onRenderCell

Inside Multiples Date Picker

Use {range:true}for choosing range of dates. As dates separator multipleDatesSeparator will be used. For possibility to select same date two times,you should set{toggleSelected:false}.

Month Selection

Permanently Visible Calendar

Initialize plugin on non text input element,such as <div>… </div>,or pass the parameter {inline:true}

Copyright©2019 | All rights reserved. | Created By ColorlibCode