无jQuery实现自定义格式日期在指定Div显示的问题排查

你的代码存在三个关键问题，逐一修正后即可正常显示日期：

1. HTML属性语法错误 #

原HTML中id属性缺少等号，导致无法通过id正确定位元素，修正后的代码：

<div id="first-date"></div>

2. 错误使用jQuery代码 #

你明确要求不依赖jQuery，但代码最后一行用了jQuery的选择器和方法$('.first-date').html(display);，需要替换为原生JavaScript的写法：

document.getElementById('first-date').textContent = display;

（使用textContent比innerHTML更安全，避免注入风险；如果需要插入HTML内容再用innerHTML）

3. 冗余代码 #

代码中var dia = today.getDay();从未被使用，可以直接删除，简化代码结构。

完整修正后的代码 #

HTML

<div id="first-date"></div>

JavaScript

var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var days = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
var today = new Date();
var day = today.getDate();
var dayForText = today.getDay();
var month = today.getMonth();
var year = today.getFullYear();
var display = days[dayForText] + " " + day + " " + months[month] + " " + year;
document.getElementById('first-date').textContent = display;

内容的提问来源于stack exchange，提问作者user22034781