input框中自动展示当前日期 yyyy/mm/dd

Posted Florence

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了input框中自动展示当前日期 yyyy/mm/dd相关的知识，希望对你有一定的参考价值。

直接上代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>input框中自动展示当前日期</title>
</head>

<body>
    <input type="text" id="input">
    <script>
    //获取input元素
    var _input = document.getElementById(‘input‘);

    var date = new Date();
    var seperator = "/";
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var strDate = date.getDate();
    if (month >= 1 && month <= 9) {
        month = "0" + month;
    }
    if (strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
    }
    var currentDate = year + seperator + month + seperator + strDate; //当前日期

    _input.value = currentDate; //赋值给input.value
    _input.setAttribute(‘disabled‘, ‘disabled‘); //不可编辑
    </script>
</body>

</html>

这里注意，getMonth()方法，使用本地时间。返回值是 0（一月） 到 11（十二月） 之间的一个整数。

以上是关于input框中自动展示当前日期 yyyy/mm/dd的主要内容，如果未能解决你的问题，请参考以下文章

js 日期格式化小问题

宜搭中让当前的日期组件自动显示当天的日期

当前日期与特定日期相同时如何自动更新字段

怎么样才能让word文档里的时间自动更新呢？

如何在 Spark 数据框中添加具有当前日期的额外列

VBA Excel 在文本框中提供当前日期