JS移至独立文件后函数返回值无法显示在placeholder属性问题求助

核心错误点分析 #

• 参数被错误覆盖：你的getDate函数接收的是input DOM元素，但第一行date = new Date();直接将参数替换成了Date对象，后续操作的是Date对象而非目标input元素，自然无法设置placeholder属性。
• 变量作用域问题：在if(hour<7)和else块内用let声明的day，作用域仅限于当前代码块，后续if(day<10)无法访问该变量，会触发day is not defined的报错。
• 格式与需求不一致：原代码设置的是input的value，且时间格式为年-月-日 07:00:00，新代码错误改成了年-月-日-小时的格式，同时目标属性换成了placeholder，需确认是否符合你的实际需求。

修正后的代码 #

"use strict";

// 重命名函数和参数，避免与内置对象混淆
function setInputPlaceholder(inputElement) {
    const currentDate = new Date();
    let month = currentDate.getMonth() + 1;
    // 补零处理
    if (month < 10) {
        month = '0' + month;
    }
    const hour = currentDate.getHours();
    // 提前声明day，确保全局作用域可访问
    let day = currentDate.getDate();
    if (hour < 7) {
        day -= 1;
    }
    if (day < 10) {
        day = '0' + day;
    }
    const year = currentDate.getFullYear();
    
    // 根据需求选择设置placeholder或value
    // 设置placeholder
    inputElement.placeholder = `${year}-${month}-${day} 07:00:00`;
    // 如果需要恢复原代码的value设置，替换为下面一行：
    // inputElement.value = `${year}-${month}-${day} 07:00:00`;
}

// 确保DOM加载完成后执行，避免找不到元素
document.addEventListener('DOMContentLoaded', () => {
    const MyDate2 = document.getElementById("MyDate2");
    setInputPlaceholder(MyDate2);
});

额外注意事项 #

• 独立JS文件需在DOM完全加载后执行，否则getElementById可能返回null，推荐用DOMContentLoaded事件包裹代码，或将script标签放在<body>标签末尾。
• 变量命名尽量清晰，避免与内置对象（如Date）重名，减少不必要的混淆。

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