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