MySQL Datetime转JavaScript日期无输出，求正确转换方法

你的代码报错了，问题出在t是字符串类型，字符串没有toDateString()方法——这个方法是Date对象专属的。浏览器执行到new Date(t.toDateString())时会抛出TypeError，脚本直接终止，所以页面没有任何输出。

下面给你几种可行的解决办法：

方法1：直接用MySQL的datetime字符串实例化Date对象 #

现代浏览器基本支持解析带微秒的YYYY-MM-DD HH:ii:ss.ffffff格式，直接把模板渲染出的字符串传给Date构造函数即可：

<p id="demo"></p>

<script>
    // 获取Django渲染的datetime字符串
    var datetimeStr = '{{ data_log.updated }}';
    // 实例化Date对象
    var dateObj = new Date(datetimeStr);
    
    // 用本地化格式输出，也可以直接输出Date对象
    document.getElementById("demo").innerHTML = dateObj.toLocaleString();
</script>

方法2：在Django后端处理datetime（兼容性更好） #

如果担心部分旧浏览器不支持微秒解析，可以在Django模板里用过滤器处理datetime，提升兼容性：

• 去掉微秒：{{ data_log.updated|date:"Y-m-d H:i:s" }}
• 输出带时区的标准ISO格式：{{ data_log.updated|date:"c" }}（推荐，时区信息更明确）

修改后的JS代码：

<p id="demo"></p>

<script>
    var datetimeStr = '{{ data_log.updated|date:"c" }}';
    var dateObj = new Date(datetimeStr);
    document.getElementById("demo").innerHTML = dateObj.toLocaleString();
</script>

方法3：手动处理时区（如果需要） #

如果MySQL存储的是UTC时间，需要转换为本地时区，可以在Django里先拼接UTC标识，再让JS解析：

<p id="demo"></p>

<script>
    // Django渲染UTC格式的datetime字符串，末尾加Z标识UTC时区
    var utcDatetimeStr = '{{ data_log.updated|date:"Y-m-d H:i:s" }}Z';
    var dateObj = new Date(utcDatetimeStr);
    // 输出本地时区的时间
    document.getElementById("demo").innerHTML = dateObj.toLocaleString();
</script>

最后提醒：遇到页面无输出的情况，先打开浏览器开发者工具（F12）查看Console面板，里面会显示具体的错误信息，能帮你快速定位问题。

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