afap / xcx-plugins Goto Github PK

在页面的非第一屏引用时,样式出现问题

demo.wxml

<view>内容</view>
 <!-- 其中内容超过一屏可显示范围 -->
<view>内容</view>

<calendar mode='pickerRange'/>

<view>少量内容,不足以填充calendar的高度时</view>

calendar的wxml中,下拉的日历view定位为fixed,在组件之后没有内容或内容过少,会出现下拉日历显示不全的问题

是用placeholder吗？你只告诉是string，但是没说怎么用啊！

我遇到的问题：澳大利亚时区下的2021年4月，显示有两个4日；定位到的问题

我的解决方案：

在components/calendar/index.js 文件
使用moment 的日期库
// let date = new Date(currenDate.getTime() + 86400000 * i);
let date = new Date(moment(currenDate.getTime()).add(i, 'days').valueOf())

而且进一步在 getMonthDayCount 方法获取 一个月的天数最好也是使用 moment

// return (d_next_month_first_day.getTime() - d_first_day.getTime()) / 86400000;
return moment(d_next_month_first_day.getTime()).diff(moment(d_first_day.getTime()), 'days')

beginDate和endDate如果是直接写在data里是可以初始化的，但是动态获取setData的时候就不行了

日历上展示日期区间可以选择为黑色， 超出日期区间可以展示为灰色