前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >lunar="false",日历插件不显示农历

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

作者头像
王小婷
发布2020-02-13 00:00:29
2.3K0
发布2020-02-13 00:00:29
举报
文章被收录于专栏:编程微刊编程微刊

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

<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>

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档