Vue-mobile-hotel-calendar-tmd NPM | npm.io

1.9.3 • Published 6 years ago

Install

Weekly downloads

-

License

ISC

Repository

Last release

6 years ago

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

vue 移动端酒店预订类日历组件

@infinitebrahmanuniverse/nolb-vue-mo @everything-registry/sub-chunk-3086

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago