File tree Expand file tree Collapse file tree 5 files changed +16
-20
lines changed
docs/.vuepress/components Expand file tree Collapse file tree 5 files changed +16
-20
lines changed Original file line number Diff line number Diff line change 2
2
<div >
3
3
<div class =" example" >
4
4
<h3 >With minimum and maximum date range</h3 >
5
- <Datepicker :disabled-dates =" disabledDates" ></ Datepicker >
5
+ <Datepicker :disabled-dates =" disabledDates" / >
6
6
<code >
7
7
< ; datepicker :disabledDates="disabledDates"> ;< ; /datepicker> ;
8
8
</code >
9
9
<div class =" settings" >
10
10
<h5 >Settings</h5 >
11
11
<div class =" form-group" >
12
12
<label >Disabled to:</label >
13
- <Datepicker @selected =" disableTo" ></ Datepicker >
13
+ <Datepicker @selected =" disableTo" / >
14
14
</div >
15
15
<div class =" form-group" >
16
16
<label >Disabled from:</label >
17
- <Datepicker @selected =" disableFrom" ></ Datepicker >
17
+ <Datepicker @selected =" disableFrom" / >
18
18
</div >
19
19
<div class =" form-group" >
20
20
<label >Disabled Days of Month:</label >
31
31
32
32
<div class =" example" >
33
33
<h3 >Disabled dates</h3 >
34
- <Datepicker :disabled-dates =" disabledFn" ></ Datepicker >
34
+ <Datepicker :disabled-dates =" disabledFn" / >
35
35
<code >
36
36
< ; datepicker :disabled-dates="disabledFn"> ;< ; /datepicker> ;
37
37
</code >
@@ -83,10 +83,8 @@ export default {
83
83
return true
84
84
}
85
85
// disable first half of the month when it is a multiple of 2
86
- if (month % 2 !== 0 && day < 15 ) {
87
- return true
88
- }
89
- return false
86
+ return month % 2 !== 0 && day < 15 ;
87
+
90
88
},
91
89
},
92
90
disabledFnContent: ` ` ,
Original file line number Diff line number Diff line change 1
1
<template >
2
2
<div class =" example" >
3
- <Datepicker :format =" format" ></ Datepicker >
3
+ <Datepicker :format =" format" / >
4
4
<code >
5
5
< ; datepicker :format="format"> ;< ; /datepicker> ;
6
6
</code >
9
9
<Format
10
10
@selected =" selected"
11
11
:format-init =" format"
12
- ></ Format >
12
+ / >
13
13
</div >
14
14
</div >
15
15
</template >
Original file line number Diff line number Diff line change 2
2
<div >
3
3
<div class =" example" >
4
4
<h3 >Highlighting Dates</h3 >
5
- <Datepicker :highlighted =" highlighted" ></ Datepicker >
5
+ <Datepicker :highlighted =" highlighted" / >
6
6
7
7
<code >
8
8
< ; datepicker :highlighted="highlighted"> ;< ; /datepicker> ;
11
11
<h5 >Settings</h5 >
12
12
<div class =" form-group" >
13
13
<label >Highlight from:</label >
14
- <Datepicker @selected =" highlightFrom" ></ Datepicker >
14
+ <Datepicker @selected =" highlightFrom" / >
15
15
</div >
16
16
<div class =" form-group" >
17
17
<label >Highlight to:</label >
18
- <Datepicker @selected =" highlightTo" ></ Datepicker >
18
+ <Datepicker @selected =" highlightTo" / >
19
19
</div >
20
20
<div class =" form-group" >
21
21
<label >Highlight Days of Month:</label >
31
31
32
32
<div class =" example" >
33
33
<h3 >Highlighting Dates Matching Given Function</h3 >
34
- <Datepicker :highlighted =" highlightedFn" ></ Datepicker >
34
+ <Datepicker :highlighted =" highlightedFn" / >
35
35
<code >
36
36
< ; datepicker :highlighted="highlightedFn"> ;< ; /datepicker> ;
37
37
</code >
@@ -59,10 +59,8 @@ export default {
59
59
return {
60
60
highlightedFn: {
61
61
customPredictor (date ) {
62
- if (date .getDate () % 4 === 0 ) {
63
- return true
64
- }
65
- return false
62
+ return date .getDate () % 4 === 0 ;
63
+
66
64
},
67
65
},
68
66
highlighted: {},
Original file line number Diff line number Diff line change 5
5
6
6
<Datepicker
7
7
:language =" $datepickerLocals[language]"
8
- ></ Datepicker >
8
+ / >
9
9
<code >
10
10
< ; datepicker :language="$datepickerLocals.{{ language }}"> ;< ; /datepicker> ;
11
11
</code >
Original file line number Diff line number Diff line change 13
13
<Format
14
14
@selected =" selected"
15
15
:format-init =" format"
16
- ></ Format >
16
+ / >
17
17
</div >
18
18
</div >
19
19
</template >
You can’t perform that action at this time.
0 commit comments