vue自定义使用elementUI的日历组件

vue自定义使用elementUI的日历组件_第1张图片

 日历功能点

1.要求显示日期

2.周末日期变红

3.以往的日期不能编辑

4.不能查以往的日期(将上个月按钮隐藏)

5.接口返回的日期,要把内容显示出来(房间数)

6.可以筛选房间,查看指定房间的日期信息 

自定义使用el-calendar日历组件

template

全部
{{ item.name }}

js+css




 

以下是另一个改造版本,大同小异,查看可以包名的日期,点击日期右侧的价格框内容,会随之改变

vue自定义使用elementUI的日历组件_第2张图片

 

你可能感兴趣的:(Vue,vue.js,elementui,javascript)