更新记录

1.0.0(2022-03-14) 下载此版本

发布的第一版 感谢ful***@163.com大佬的 地址:(https://ext.dcloud.net.cn/plugin?id=4011)


平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - - - - - -

其他

多语言 暗黑模式 宽屏模式
× ×

组件使用示例

复制代码<view class="container">

        <view class="calendar">
            <calendar ref="calendar" v-if="isShow" @cancel="cancel" :startDate="startDate" :height="height" :endDate="endDate" @selectDate="selectDate" :limit="limit" :bottom1="bottom1" :yimanArray="yimanArray" />
        </view>

    </view>
复制代码import calendar from '@/components/dc-calendar/dc-calendar.vue'

export default {
       components: {

           calendar

       },

data() {
           return {
               isShow:false,
               startDate:'',     //开始日期2022-01-26
               endDate:'',       //结束日期 2022-01-29
               height:600,                 //日历容器高度
               limit:12,                    //展示月份数量
               bottom1:0,
               yimanArray:[],
               dicdes:{
                   price:1
               },//传过来的订单数据
               type:0,//1是进入订单 0是返回

           }
       },
       onLoad(e) {

                   let sys = uni.getSystemInfoSync();
                   if (sys.statusBarHeight >=44) {
                       // this.height = sys.windowHeight - 34;
                       this.bottom1 = 34;
                   } else{
                       // this.height = sys.windowHeight;
                   }

                   // console.log(sys);

                   var  dicday = uni.getStorageSync('入离日期');
                   if(dicday){
                       this.startDate = dicday.startDate;
                       this.endDate = dicday.endDate;
                   }
                  // this.newdate();

                       this.type = 1;
                       // this.dicdes = JSON.parse(e.dic);
                       uni.setStorageSync('满房日期显示',1)
                       // //取房间满房日期
                       this.gethttpurl(this.dicdes.id);

               },
               methods: {

                          //取房间满房日期
                          gethttpurl(id){

                              this.yimanArray =['2022-03-25','2022-04-10'];
                              this.isShow = true;
                              uni.hideLoading();

                          },
                          }

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议
网客传媒

2024-07-15

/components/dc-calendar/dc-calendar.vue (90:9): v-else/v-else-if has no adjacent v-if or v-else-if. 报错

358***@qq.com

2023-12-25

加油支持

WX_UI

2023-08-20

目前插件市场上唯一可以动态滑动计算的日历插件,还可以设置滑动切换模式、自定义主题颜色、自定义文案、农历显示等功能,可以让您纵享丝滑的使用日历。 最全日历

兮夜凌人

2023-05-04

已对作者的插件进行改进,包括跨月选择能够返回日期详情,日期下面可配置价格,平日价格,周末价格,节假日价格三种价格的配置,能够显示已满

来学习 2023-05-04

大佬 把你的插件地址放出来让大家用用呗

兮夜凌人 2023-05-04

不敢当 你才是大佬 我也是在你的基础上改的 我再完善一下吧

137***@163.com

2022-10-28

跨月选择就返回不了日期详细状态

159***@163.com

2022-08-04

yimanArray 这个值 好像没有生效,已满的状态没有添加上

154***@qq.com

2022-05-20

可以默认选择吗

289***@qq.com

2022-05-18

请问一下大佬,能不能加上酒店的价格呢?就是像已满那样,可以选择一些日期显示价格。急需求救。。。

143***@qq.com

2022-04-28

459***@qq.com

2022-08-04

请问如何设置成开始和结束是同一天

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问