首页 > 代码库 > input框中自动展示当前日期 yyyy/mm/dd

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

2024-10-17 09:42:02   213人阅读

直接上代码：

<!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


联系
我们