layui的日历如何让周一在第一个位置

图片描述

只是把文字换了位置,下面的日期对应不上,麻烦大牛解答!!!

  cn: {
                    weeks: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
                    time: ['时', '分', '秒'],
                    timeTips: '选择时间',
                    startTime: '开始时间',
                    endTime: '结束时间',
                    dateTips: '返回日期',
                    month: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'],
                    tools: {
                        confirm: '确定',
                        clear: '清空',
                        now: '现在'
                    }
                },

我只把weeks里面改了,但是日期对不上

用了2楼的方法:图片描述

用了1楼的方法:图片描述

感谢大家回答我的问题!谢谢!谢谢!谢谢!

阅读 5.9k
2 个回答

官方文档上并没有说可以配置这个啊。你修改肯定不对的。


因为laydate每个月各个日期的定位是基于第一天的,所以只要第一天定好位就好,这个根据每周排序可以自行定制,因为默认是周日开始(index=0),所以要根据周日在第几的位置进行调整,比如调整为周日是每周最后一天(index=6),则设置如下:

//计算当前月第一天的星期
    thisDate.setFullYear(dateTime.year, dateTime.month, 1);
startWeek = (thisDate.getDay()+6)%7;

当然,你其实可以拍出奇怪的日历样式,比如周日在中间(index=3)

//计算当前月第一天的星期
    thisDate.setFullYear(dateTime.year, dateTime.month, 1);
startWeek = (thisDate.getDay()+3)%7;

看了下文档,貌似并没有支持这个配置,有一个猥琐的方法可以实现:

th, td {
  transform: translate(-100%);
}

th:first-child, td:first-child {
  transform: translateX(600%);
}

记得自己在前边添加class,降低影响范围。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题