vue3自定义开发酒店房态时间组件

系列文章目录

最近开发中遇到一个需求,需要在时间范围内添加对应的数据,即周末时间一个价位,其他时间一个价位。如下效果图: 在这里插入图片描述


直接上代码:
1、html部分

<template>
    <div>
        <div class="calendarTitle">
                <el-icon @click="upYear('n')" ><DArrowLeft /></el-icon>
                <el-icon  @click="upMonth('n')" ><ArrowLeft /></el-icon>
                <div>
                     <span>{
  
   
   { year }}年</span><span>{
  
   
   { month + 1 }}月</span> 
                </div>
                <el-icon   @click="lastMonth('n')" ><ArrowRight /></el-icon>
               <el-icon   @click="lastYear('n')" ><DArrowRight /></el-icon&g

猜你喜欢

转载自blog.csdn.net/qq_39197547/article/details/126955146