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}

Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

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

Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec