发表于： 2021-04-19 21:44:49
1 1327
今天完成的事情：
js数字转换为时间：
先把字符串进行日期的封装
var date = new Date(1500341149000);
转换函数
Date.prototype.format = function (fmt) {
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours() % 12 == 0 ? 12 : this.getHours() % 12, //小时
"H+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt))
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt))
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
调用函数
var time1 = new Date().format("yyyy-MM-dd HH:mm:ss");
console.log(time1)
var time = 1618486149109;
var time2 = new Date(time).format("yyyy-MM-dd HH:mm:ss");
列表修改为js动态生成
创建js文件
生成列表
// js动态生成主列表
const list = [
{
name: '信息管理'
},
{
name: 'Article管理'
},
{
name: '人才管理'
},
{
name: '推荐管理'
},
{
name: '用户管理'
},
{
name: '内容管理'
},
]
添加文件
// 绑定id
const listDOM = document.getElementById('body_left');
// 添加新的类名
listDOM.classList.add('body_left');
// 创建ul
var ulDOM = document.createElement('ul');
ulDOM.classList.add('body_left_list');
遍历数组且添加到id
for (let i = 0; i < list.length; i++) {
// 创建li
var liDOM = document.createElement('li');
ulDOM.appendChild(liDOM)
// 创建label
var labelDOM = document.createElement('label');
labelDOM.classList.add('body_left_list_label');
liDOM.appendChild(labelDOM)
// 创建span
var spanDOM = document.createElement('span');
labelDOM.appendChild(spanDOM)
// 创建图片
var pc1 = document.createElement('p');
var pc2 = document.createElement('i');
pc1.classList.add('icon1');
pc2.classList.add('icon2');
spanDOM.before(pc1)
spanDOM.after(pc2)
// 显示文本
spanDOM.textContent = list[i].name;
liDOM.onclick = function () {
console.log(list[i].name);
}
}
document.getElementById("body_left").appendChild(ulDOM);
问题：
添加新js文件，在创建的主列表中如何添加遍历的子列表呢
// js动态生成子列表
const listChild = [
{
name: '信息列表'
},
{
name: 'Article列表'
},
{
name: '人才列表'
},
]
返回列表
评论