vue-mobile-hotel-calendar-tmd

vue-移动端-酒店预订类-日历组件
2,293
vue 日历组件 移动端 酒店预订类
Install
npm install vue-mobile-hotel-calendar-tmd
Latest Version:1.9.3
Vue:2
License:ISC
Last Updated:Jan 2, 2020
Links: npm
Maintainer: tumingdong

vue-mobile-hotel-calendar-tmd

基于vue2.x的移动端日历组件，适用于酒店预订的应用场景，将进行个性化修改

安装

$ npm install vue-mobile-hotel-calendar-tmd -S

使用

html

<calendarv-if="calendarVisible" ref="calendar"></calendar>

js

import Calendar from 'vue-mobile-hotel-calendar-tmd'

触发

this.calendarVisible = true
this.$nextTick(() => {
  this.$refs.calendar.editDate()
})

属性

属性名 说明 类型 可选值 默认值
total 被渲染出的月数，从当前月份开始 Number - 5
startText 开始日期的描述 String - 入住
endText 结束日期的描述 String - 退房
isMultiple 是否单选 Boolean - (默认false)

事件

事件名 说明 参数
confirm 点击确定触发 (chooseDate)
change 触发日期选中的回调 (startDate, endDate, dayGap)
setStartDate 选中开始日期的回调 (startDate)
setEndDate 选中结束日期的回调 (endDate)

设计缺陷

未通过js动态计算日期，没有实现万年历的效果。只是针对于酒店预订类的业务，从当月开始，+n个月的日历渲染。

Git

vue-mobile-hotel-calendar-tmd

Related Packages

vi-minui

vue 移动端 ui

1,144
vue 移动端 ui
vue-mobile-table

移动端表格、列表组件，支持虚拟滚动

749
移动端 列表 虚拟滚动 表格
mpvue-calendar

vue calendar mpvue-calendar vue-calendar

19,948 541
vue 日历组件 calendar calendar component mpvue-calendar
circle-calendar

calendar mpvue-calendar vue-calendar

776 1
vue 日历组件 calendar mpvue 小程序
vue-step

Mobile Step Navigation Component Based On Vue.js

19,400 23
vue 移动端 mobile step navigation vue component 步骤导航 步骤条

Version History

Version Released Vue License
1.9.3 ^2.6.8 ISC
1.9.2 ^2.6.8 ISC
1.9.1 ^2.6.8 ISC
1.9.0 ^2.6.8 ISC
1.8.9 ^2.6.8 ISC