Bootstrap-datepicker: Multiple months display
Is there any way to display two or more months at the time? I would like to achieve the effect close to jQuery UI as you can see there http://jqueryui.com/resources/demos/datepicker/multiple-calendars.html
estshy
All 32 comments
I really love this datepicker and also need that feature. If is possible add multiple months view, whit something like 'showCurrentAtPos' for the offset of current month (like 'show 3 month with current date at second month).
Thanks!
funnydj
on 12 Mar 2015
+1 this feature would make this datepicker even more awesome ;-)
alexdpunkt
on 16 Mar 2015
+1
grmmph
on 26 Mar 2015
+1
ralondo
on 13 Apr 2015
+1
brandonburns
on 15 May 2015
+1
ayoubgdah
on 8 Jun 2015
+1
melcak
on 26 Jul 2015
+1
ghost
on 13 Aug 2015
+1
aileenvl
on 17 Aug 2015
+1
klewin
on 29 Aug 2015
+1
unmecduweb
on 31 Aug 2015
+1
rafaelfaria
on 30 Sep 2015
+1
luk4s
on 30 Sep 2015
+1
asker-hr
on 8 Oct 2015
+1
PerryD
on 9 Oct 2015
+1
GeoDz
on 30 Oct 2015
+1
thcottin
on 2 Nov 2015
+1
jelhan
on 10 Nov 2015
+1
VFedyk
on 8 Jan 2016
+1
mmorand
on 24 Feb 2016
+1
ricksmt
on 3 Mar 2016
+1
spazione
on 7 Mar 2016
+1
nlopezcenteno
on 8 Mar 2016
+1
schmidtwastl
on 10 Mar 2016
+1
badrihippo
on 28 Mar 2016
+1
ghost
on 30 Mar 2016
Please use the recently introduced reactions to share your interest for this feature. I'm locking this issue to collaborators only for now, to avoid spamming all the participants with "+1" mails. Locking the issue disables reactions, I'm leaving this open for now.
acrobat
on 7 Apr 2016
For some use cases you could use multiple datepicker to achieve this. Here is a JSFiddle: https://jsfiddle.net/v6q2rxs0/
In short:
- Create multiple datepicker and adjust the month which is initially displayed by
defaultViewDateoption. - Sync selected dates by a combination of
changeDateevent andsetUTCDatemethod. Watch out thatsetUTCDatemethod triggerschangeDateevent. Could easily cause an infinitive loop. - Listen for
changeMonthevents and change displayed month on other calendars accordingly. You could do so by private method_setDatewhich allows to changeviewDate. - Since
setUTCDatechangesviewDateyou have to fix it afterwards.
Not tested much yet. Just a proof of concept.
jelhan
on 15 Aug 2016
Closed other tickets in favor of this one since @jelhan provided a nice snippet to link multiple datepicker.
BTW @jelhan if you want to get more involved since I see you gave some help around it, let us know.
Azaret
on 21 Oct 2016
@jelhan it seems like your code should work with unlimited number of calendars, although if I add third calendar it goes all crazy. Can't figure out why. Any help would be welcome.
digiiitalmb
on 16 Feb 2017
@frankenstein-uk Could you please provide a JSFiddle demonstrating the issues you are facing? Did you noticed #1982? Setting updateViewDate to false makes implementing linked datepickers easier since setUTCDate method won't change view date anymore.
I've updated my JSFiddle to use updateViewDate. Also added support for multidate and showing 4 linked datepickers. Note that I'm using 1.7.0-RC1 since #1982 is not included in early releases. https://jsfiddle.net/v6q2rxs0/39/
jelhan
on 17 Feb 2017
The example fiddle is nice until you need to use multidate:true. Does anyone have an example of this?
valmont
on 23 Jun 2017
Related issues
PlippiePlop
路
6Comments
byrongits
路
3Comments
philwu
路
4Comments
kzpromo
路
5Comments
McNetic
路
6Comments
Most helpful comment
+1 this feature would make this datepicker even more awesome ;-)