問題復現
解決過程
- 嘗試通過組件解決,在wx-charts的文檔和社區轉了好久也沒有發現問題
- 經測試發現不是所有的時間段都顯示不全,時間的天數跨度大於25天就顯示不全
- 月份的跨度也不能大於25
經上面的過程,大致可以將邏輯設置爲以下幾步
a. 在picker設置攔截
b. 使用computed動態計算25的範圍,包括天和月
codes:
天:
<picker mode="date" fields="day" start="{{_startDate}}" end="{{params.endDate}}" class="inline-block picker-wrap" value="{{params.startDate}}" bindchange="pickStartDate">
<view class="picker">{{params.startDate}}</view>
</picker>
月:
<picker mode="date" fields="month" class="inline-block picker-wrap" start="{{_startDate}}" end="{{params.endDate}}" value="{{params.startDate}}" bindchange="pickStartDate">
<view class="picker">{{params.startDate}}</view>
</picker>
computed = {
_startDate(){
let _date = '';
if(this.params.type === 1){
_date = dayjs(this.params.endDate).subtract(24, 'day').format('YYYY-MM-DD')
}
if(this.params.type === 2){
_date = dayjs(this.params.endDate).subtract(24, 'month').format('YYYY-MM')
}
return _date
}
};
只是暫時性解決了,不知道還有啥好的辦法,待更新