更新记录

1.0.0(2021-04-25) 下载此版本


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 2.7.10 app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
  • 单日引用
    
    <template>
    <view class="content-confirm">
        <!-- 日期选择 -->
        <calendar-select v-model="showCalendar"
        maxDate="2021-6-20"
        :isWeekend="true"
        :altPrice="dataPrice"
        @change="changeDate"></calendar-select>
    </view>
    </template>

- 多日引用
```js
<template>
    <view class="content-confirm">
        <!-- 日期选择 -->
        <calendar-select v-model="showCalendar"
        maxDate="2021-6-20"
        :addOrRemoveData="addOrRemoveData"
        mode="range"
        :altPrice="dataPrice"
        @change="changeDate"></calendar-select>
    </view>
</template>

<script>
    import CalendarSelect from '../components/calendar-select.vue'
    export default {
        components: {
            CalendarSelect
        },
        data() {
            return {
                showCalendar: false,
                dataPrice: [ // 日历上的价格
                    {
                        date: '2021-4-23',
                        price: 98
                    },
                    {
                        date: '2021-4-28',
                        price: 108
                    },
                    {
                        date: '2021-4-29',
                        price: 98
                    }
                ],
                addOrRemoveData: ['2021-04-23', '2021-04-27']
            }
        },
        onLoad() {

        },
        methods: {
            // 初始化页面
            init() {},
            // 获取选中的日期
            changeDate(data) {
                console.log(data)
            }
        }
    }
</script>

具体的参数组件中有详细的说明

隐私、权限声明

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

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

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

许可协议

MIT协议

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