laui下的laydate里头那个mark可以自定义那个圆点的颜色不, 他默认是主题的颜色呀

提问 未结
5 107
我S吃货三少
悬赏:20飞吻
版本:layui 2.3.0 浏览器:谷歌
laui下的layDate里头那个mark可以自定义那个圆点的颜色不, 他默认是主题的颜色呀, 不同的数据想弄成不同的颜色可以不
layui.use(['laydate','layer'], function(){
var laydate = layui.laydate;
var layer = layui.layer;

//标注考勤
var ins1 = laydate.render({
elem: '#test'
// ,show:true
,position:'static'
,showBottom:false
// ,value:'0000-00-00'
,isInitValue: false
,mark: {
<c:if test="${not empty list}">
<c:forEach items="${list}" var="d">
'<fn:formatDate value="${d.checkDate}" pattern="yyyy-MM-dd"/>':'',
</c:forEach>
</c:if>
}
,done: function(value, date){
var _year = date.year;
var _month = date.month;
var _date = date.date;
var year
var month
var date1
<c:if test="${not empty list}">
<c:forEach items="${list}" var="d">
year = '<fn:formatDate value="${d.checkDate}" pattern="yyyy"/>';
month = '<fn:formatDate value="${d.checkDate}" pattern="MM"/>';
date1 = '<fn:formatDate value="${d.checkDate}" pattern="dd"/>';
if (_year == year && _month == month && _date == date1) {
layer.msg('${d.remark}');
}
</c:forEach>
</c:if>
}
});
});
回帖
  • 通过样式调整


    <style>
    .layui-laydate-content .laydate-day-mark::after {
    background-color: blue;
    }
    .layui-laydate-content td.layui-this .laydate-day-mark::after {
    display: block !important;
    background-color: red;
    }
    </style>
    1 回复
  • [鼓掌] 蟹蟹
    0 回复
  • @我S吃货三少 不客气[微笑]
    0 回复
  • @岁月小偷 我是要做一个考勤的日历, 正常考勤显示绿色, 异常考勤显示红色, 能不能这样
    0 回复
  • @我S吃货三少 这个~原生的是不支持的,目前mark的功能比较单一,就是标注,不支持自定义这个点的颜色之类啥的,得看看你后面有没有支持,如果没有,那么也有办法,上大招,用我前面发的帖子 http://fly.layui.com/jie/29708/ 的方法,自己在打开之后给某些日子的td上添加上特殊的样式,然后同样用css去标注正常打卡和异常打卡的点的颜色。
    0 回复