这篇文章记录一下在uni-app开发中需要在uni-date-picker组件中设置一些不能选择的日期的功能。(如图展示效果)
<uni-datetime-picker ref="datetimePicker" v-model="datetimerange" type="datetimerange"
rangeSeparator="至" :border="false" :clearIcon="false" :hide-second="true" :start="today"
:end="threeMonthsLater" @change="changeLog" :disabledDate="disabledDate" />
const disabledDate =ref(["2025-01-08","2025-01-11"]);
---------------------------------------------------------------------------------------------------------------------------------
uni-datetime-picker.vue
<calendar ref="left" :showMonth="false" :start-date="caleRange.startDate"
:end-date="caleRange.endDate" :range="true" :disabledDate="disabledDate" @change="leftChange"
:pleStatus="endMultipleStatus" @firstEnterCale="updateRightCale" @monthSwitch="leftMonthSwitch"
&