layui- laydate时间控件

提问 已结 11 236
少年的进程
悬赏:20飞吻
版本:layui 浏览器:
可以为日历控件的某个单元格设置样式么?例如我选择某一天,我这天所在的这个星期样式改变。
回帖
  • @少年的进程
    change: function (value, date, endDate) {
    var weekTr = $(".laydate-main-list-0").find("td.layui-this").parent("tr");
    $(weekTr).children("td").css("background","#ff0000"); // 最好用class
    $(weekTr).siblings().children("td").css("background","#ffffff");//这里移除其他行添加的class
    var newDate = new Date(value),
    weekNum = newDate.getDay(),//获取星期几
    sundayDate = newDate.setDate(newDate.getDate()-weekNum),//星期天时间戳
    saturdayDate = new Date(sundayDate).setDate(new Date(sundayDate).getDate()+6);//星期六时间戳
    //转化格式
    function nowday (day){
    var dayDate = new Date(day);
    var year = dayDate.getFullYear(),
    month = dayDate.getMonth() + 1 < 10 ? "0" + (dayDate.getMonth() + 1) : dayDate.getMonth() + 1,
    day = dayDate.getDate() < 10 ? "0" + dayDate.getDate() : dayDate.getDate();
    return year + "-" + month + "-" + day;
    }
    var newSunDate = nowday(sundayDate),
    newSatDate = nowday(saturdayDate);
    console.log(6-weekNum,newSunDate,newSatDate);
    $("#"+dateId).val(newSunDate+"至"+newSatDate);//dateId 是你ladate render时候elem参数后对应的dateId
    }
    0 回复


  • laydate.render({
    elem: '#hwfs #' + dateId,
    type: 'datetime',
    min: 0,
    format: 'yyyy-MM-dd HH:mm',
    value: oldsj ? oldsj : new Date(),
    isInitValue: true,
    btns: ['now', 'clear', 'confirm'],
    change: function (value, date, endDate) {
    console.log("星期 " + new Date(value).getDay());
    var weekTr = $(".laydate-main-list-0").find("td.layui-this").parent("tr");
    $(weekTr).children("td").css("background","#ff0000");
    }
    });
    changel里的方法,因为是选择整个星期,获取那一行数据去更改css就好了。不知道有没有更好的配置方法。
    1 回复
  • 谢谢你,帮我解决了这个问题,交个朋友吧, [微笑] [微笑] ,我微信13669042175
    0 回复
  • 还有一个问题,input显示的时间刚好是你选中的那个星期的时间,9-2~9-8显示一周时间

    0 回复
  • 想问下你 在 layui-table中 根据订单状态显示,操作的权限也不一样
    0 回复
  • @少年的进程 表格异步加载 然后状态那个表头绑定templet 根据接口的状态 return对应的操作样式
    0 回复
  • 前面的时间控件,怎么不能选择上个月的日期,是什么原因啊
    0 回复
  • @少年的进程 能选啊
    0 回复
  • 怎么做页面一打开,inpnt就默认一周的时间
    0 回复
  • @少年的进程 laydate插件有设置初始值的参数,你可以试一试支持这种时间格式不,如果不行只能页面加载完用js去给input赋值了
    0 回复