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

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

前面使用过组件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>

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


相关文章
SwiftUI—方便用户选择日期的DatePicker日期拾取器
SwiftUI—方便用户选择日期的DatePicker日期拾取器
1714 0
SwiftUI—方便用户选择日期的DatePicker日期拾取器
|
6月前
ElementUI——日期范围选择得快捷选项
ElementUI——日期范围选择得快捷选项
78 0
|
9月前
可修改文字颜色和限制最大日期的时间选择器使用示例
可修改文字颜色和限制最大日期的时间选择器使用示例
56 0
|
JavaScript
Vue禁止选择以后的日期或者默认显示某个日期
Vue禁止选择以后的日期或者默认显示某个日期
106 0
|
9月前
|
JavaScript 前端开发 容器
js使用表格生成一个日历,点击按钮上查看上个月,点击按钮下,查看下个月,月份,年份
js使用表格生成一个日历,点击按钮上查看上个月,点击按钮下,查看下个月,月份,年份
175 0
|
JavaScript 前端开发
JavaScript获取默认显示当日日期
JavaScript获取默认显示当日日期
85 0
日历控件input框默认显示当日日期
日历控件input框默认显示当日日期
90 0
|
前端开发 JavaScript 容器
开源炫酷日历、网页日历模板、自适应大小日历、win10日历
开源炫酷日历、网页日历模板、自适应大小日历、win10日历
380 0
开源炫酷日历、网页日历模板、自适应大小日历、win10日历
|
JavaScript API
elementUI中的el-date-picker日期月份时间选择器禁用选中当前和以后的日期
elementUI中的el-date-picker日期月份时间选择器禁用选中当前和以后的日期
1213 0
C# DateTimePicker控件如何精确设置显示时分秒
C# DateTimePicker控件如何精确设置显示时分秒
614 0
C# DateTimePicker控件如何精确设置显示时分秒