写了个考勤日历,PC端每天考勤情况标记颜色显示正常,但手机端不能显示颜色,哪里的问题?
PC端如下,考勤日期显示了标记颜色
但手机端就没有标记,
考勤是存储在云开发的数据库中,看计数,手机端是获取到了数据的
wxml文件:标记的表达方式我补充下代码:
<!--当月的日期-->
<view class="days-item {{item.isNowMonthDay}} {{item.isdc}}" wx:for='{{nowMonthDays}}' wx:key='index' bindtap="selectDate" data-item="{{item}}" data-type="nowMonthDays" data-index="{{index}}">
{{item.date}}
</view>
js文件:这里是标记代码:其中isdc是标记的关键字
nowMonthDays.push({
date: i, //几号
week: this.data.weeksArr[new Date(year, month - 1, i).getDay()], //星期几
time,
isNowMonthDay: (month == nowMonth && i == nowDay) ? "isNowMonthDay" : (i == nowDay) ? "isNotNowMonthDay" : "",
isdc: (isdc == true)? "isdc" : "", // 如果有记录,则添加isdc类
});
wxss文件:
.calendar-days .days-item.isdc{
border-radius: 50rpx;
font-size: 16px;
background-color: rgb(121, 252, 171);
}
开发者工具真机调试一下看看,代码附上个代码片段
解决了,日期格式PC端和手机不一样,PC端应该自动转换格式了,我给代码中强制转换后好了。谢谢大家。
这代码看得真累
是不是你的isdc不是true?
颜色用 十六进制