在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称(OpenSource Name):trevorstacy/vue-date-picker开源软件地址(OpenSource Url):https://github.com/trevorstacy/vue-date-picker开源编程语言(OpenSource Language):Vue 76.2%开源软件介绍(OpenSource Introduction):Vue Date Picker
ContentsInstalling
ExamplesThe most common use case <DatePicker
v-if="show"
v-model="date"
@close="show = false"
/> Note that there is a Setting a min date to choose from <DatePicker
v-if="show"
v-model="date"
@close="show = false"
min="2017-8-16"
/> Setting a max date to choose from <DatePicker
v-if="show"
v-model="date"
@close="show = false"
max="2017-8-24"
/> Setting a range of dates to choose from <date-picker
v-if="show"
v-model="date"
@close="show = false"
min="2017-8-16"
max="2017-8-24"
/> You may also specifiy a color to change the theme of the date picker <DatePicker
color="#F44336"
@close="show = false"
v-if="show"
v-model="date"
/> There is also a provided transition if you want to fade the date picker in <transition name="calendar-fade">
<DatePicker
@close="show = false"
v-if="show"
v-model="date"
/>
</transition> FormattingTo format the date picker's value, you may use the <DatePicker
v-if="show"
v-model="date"
@close="show = false"
:format="formatDate"
/> In your component's methods... formatDate (date) {
return moment(date).format('LL')
} In the above example, if a user selected "2017-8-29" as the date, the APIProps
Events
|
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论