lunar="false",日历插件不显示农历

2020-02-13 00:00:29 浏览数 (2)

前面使用过组件uni-calendar,有的时候,在实现一个大点的效果的时候,为了使界面看上去更加的简洁,是不需要展示农历日期的,其实很简单,只需要将lunar="true" 改成lunar="false" 即可。

代码语言:javascript复制
<template>
    <view>
        <uni-calendar 
        :insert="true" 
        :lunar="false" 
        :selected="selected" 
        :start-date="'2019-3-2'" 
        :end-date="'2019-5-20'"
        @change="change"></uni-calendar>
    </view>
</template>
<script>
    import uniCalendar from '@/components/uni-calendar/uni-calendar.vue'
    export default {
        components: {
            uniCalendar
        },
        data() {
            return {
                selected: [{
                    "date": '2020-1-1'
                }, {
                    "date": '2020-1-3'
                }, {
                    "date": '2020-1-4'
                }, {
                    "date": '2020-1-6'
                }],
            };
        },
        onLoad() {

        },
        methods: {

            change(e) {
                console.log(e);
            },
        }
    };
</script>

这样看上去效果就好多啦。

0 人点赞