运用到的知识:
1.JS Event事件的onmouseover事件和onmouseout事件。
2.layui 框架 layDate日期与时间控件。
- 修改layDtate 时间框出现位置
进入laydate.js,大概在29行e.elem.style.left=d-50(“fixed”===t.position?0:o(1))+“px”,e.elem.style.top=c+(“fixed”===t.position?0:o())+"px"直接在top上减50. - 设置初始值
根据说明文档中设置初始值的操作完成 - 更改大小
更改layDate的css文件 - 更改字体:
更改layDate的css文件
3.js获取当前年月日
var date =new Date();
date.getYear();//获取当前年份(2位)
date.getFullYear();//获取完整的年份(4位)
date.getMonth();//获取当前月份(0-11,0代表1月)
date.getDate().//获取当前日(1-31)
date.getDay();//获取当前星期(0-6,0代表星期天)
date.getTime();//获取当前时间(1970.1.1开始的毫秒数)
date.getHours();//获取当前小时数(0-23)
date.getMinutes();//获取当前分钟数(0-59)
date.getSeconds();//获取当前描述(0-59)
date.getMillSeconds();//获取当前毫秒数(0-999)
date.toLocalDateString();//获取当前日期
date.toLocaleString();//获取日期与时间
date.toLocaleTimeString();//获取当前时间。