search

t1m0n / air-datepicker

Lightweight, dependency-free JavaScript datepicker.
https://air-datepicker.com
MIT License
2.65k stars 1.37k forks source link

Multiple Instances of Datepicker #327

Open mrtoddandrews opened 5 years ago

mrtoddandrews commented 5 years ago

Is there a way to instantiate multiple datepickers at once on the same page? I am having issues, where only one datepicker will work when running the following on the same page:

`//regular datepicker $("#display-event-date-formatted" ).datepicker({ offset: [0,0], dateFormat: 'yyyy-mm-dd', language: 'en', autoClose: true });

// month picker $("#cal-monthpicker").datepicker({ dateFormat: 'mm yyyy', language: 'en', autoClose: true, minView: 'months', view: 'months' });`

mrtoddandrews commented 5 years ago

I have realised that the reason the both aren't working is because I'm using the following api to show/hide the month instance of the datepicker. Is there a better way to do this, so that I wont stop the other datepicker from working?

var myDatepicker = $('#cal-monthpicker').datepicker().data('datepicker'); if (myDatepicker.visible) { myDatepicker.hide(); } else { myDatepicker.show() }

amscript commented 5 years ago

Here is Fiddle with two datepickers, and some examples how to use their Methods.