前面使用过组件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>
这样看上去效果就好多啦。