1
- <!DOCTYPE html> < html > < head > < meta charset ="utf-8 "> < meta name ="viewport " content ="width=device-width,initial-scale=1 "> < title > vue3-datepicker-lite</ title > < style > body {
1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
+ < meta charset ="utf-8 ">
5
+ < meta name ="viewport " content ="width=device-width,initial-scale=1.0 ">
6
+ < title > vue3-datepicker-lite</ title >
7
+
8
+ < style >
9
+ body {
2
10
padding-top : 10px ;
3
11
}
4
12
99
107
background-color : # f7f7f9 ;
100
108
border : 1px solid # e1e1e8 ;
101
109
white-space : nowrap;
102
- }</ style > < link href ="./js/app.f2b7fcb2.js " rel ="preload " as ="script "> < link href ="./js/chunk-vendors.44f16b0b.js " rel ="preload " as ="script "> </ head > < body > < div class ="container "> < div class ="hero-unit "> < h1 id ="home "> vue3-datepicker-lite</ h1 > < p > A very simple datepicker component for vue3.0!</ p > < hr > < p > < a href ="https://github.com/linmasahiro/vue3-datepicker-lite "> Github</ a > </ p > < p > < iframe src ="https://ghbtns.com/github-btn.html?user=linmasahiro&repo=vue3-datepicker-lite&type=watch&count=true " allowtransparency ="true " frameborder ="0 " scrolling ="0 " width ="110 " height ="20 "> </ iframe > </ p > </ div > < h2 id ="demo "> Demo</ h2 > < p > Example Sample Demo</ p > < div > < div id ="app "> </ div > </ div > < br > < h2 id ="info "> Get Start</ h2 > < div > < ol > < li > Use NPM< ol > < li > < pre > < code > npm install vue3-datepicker-lite --save</ code > </ pre > </ li > < li > < p > add to your project</ p > < pre > < code > import DatepickerLite from 'vue3-datepicker-lite'</ code > </ pre > </ li > < li > < p > set component attribuite</ p > < pre >
110
+ }
111
+ </ style >
112
+ < script type ="module " crossorigin src ="./assets/index-CvkxhIa6.js "> </ script >
113
+ < link rel ="stylesheet " crossorigin href ="./assets/index-CsEEpwmu.css ">
114
+ </ head >
115
+ < body >
116
+ < div class ="container ">
117
+ < div class ="hero-unit ">
118
+ < h1 id ="home "> vue3-datepicker-lite</ h1 >
119
+ < p > A very simple datepicker component for vue3.0!</ p >
120
+ < hr />
121
+ < p > < a href ="https://github.com/linmasahiro/vue3-datepicker-lite "> Github</ a > </ p >
122
+ < p >
123
+ < iframe src ="https://ghbtns.com/github-btn.html?user=linmasahiro&repo=vue3-datepicker-lite&type=watch&count=true " allowtransparency ="true " frameborder ="0 " scrolling ="0 " width ="110 " height ="20 "> </ iframe >
124
+ </ p >
125
+ </ div >
126
+
127
+ < h2 id ="demo "> Demo</ h2 >
128
+ < p > Example Sample Demo</ p >
129
+ < div >
130
+ < div id ="app "> </ div >
131
+ </ div >
132
+ < br />
133
+ < h2 id ="info "> Get Start</ h2 >
134
+ < div >
135
+ < ol >
136
+ < li >
137
+ Use NPM
138
+ < ol >
139
+ < li >
140
+ < pre > < code > npm install vue3-datepicker-lite --save</ code > </ pre >
141
+ </ li >
142
+ < li >
143
+ < p > add to your project</ p >
144
+ < pre > < code > import DatepickerLite from 'vue3-datepicker-lite'</ code > </ pre >
145
+ </ li >
146
+ < li >
147
+ < p > set component attribuite</ p >
148
+ < pre >
103
149
< code >
104
150
<datepicker-lite
105
151
:id-attr="datepickerSetting.id"
119
165
:show-bottom-button="true"
120
166
/>
121
167
</ code >
122
- </ pre > </ li > < li > < p > sample setting data:</ p > < pre >
168
+ </ pre >
169
+ </ li >
170
+ < li >
171
+ < p > sample setting data:</ p >
172
+ < pre >
123
173
< code >
124
174
const datepickerSetting = {
125
175
id: "birthday",
214
264
disableInput: false,
215
265
};
216
266
</ code >
217
- </ pre > </ li > </ ol > </ li > </ ol > </ div > </ div > < div id ="footer "> < div class ="container "> < p class ="muted credit "> Copyright © 2020 < a href ="https://github.com/linmasahiro " target ="_blank "> Lin</ a > All Rights Reserved.</ p > </ div > </ div > < script src ="./js/chunk-vendors.44f16b0b.js "> </ script > < script src ="./js/app.f2b7fcb2.js "> </ script > </ body > </ html >
267
+ </ pre >
268
+ </ li >
269
+ </ ol >
270
+ </ li >
271
+ </ ol >
272
+ </ div >
273
+ </ div >
274
+ < div id ="footer ">
275
+ < div class ="container ">
276
+ < p class ="muted credit "> Copyright © 2020 < a href ="https://github.com/linmasahiro " target ="_blank "> Lin</ a > All Rights Reserved.</ p >
277
+ </ div >
278
+ </ div >
279
+ </ body >
280
+ </ html >
0 commit comments