时间戳

首页 > 解决方案 > 状态更新时更改日期

javascript - 状态更新时更改日期

问题描述

大家好，当我更新状态选择框时，我正在寻找编写一个 javascript 来更改日期框中的日期。

例如，日期框上的初始日期是 2021 年 6 月 1 日。我会点击状态被拒绝。日期应自动更改为今天 21 年 6 月 3 日，而无需手动单击日期选择器框

<html>
<body>

<select>
    <option value="Offered">Offered</option>
    <option value="Accepted">Accepted</option>
    <option value="Rejected">Rejected</option>
</select">

  <input type="date" id="date" name="date">
  <input type="submit" value="Submit">```


</body>
</html>

标签： javascript

解决方案

然后你必须在 select 上调用 onChange() 事件并删除 if 条件-

<html>
<head>
    <script>
        function myFunction() {
            let date = new Date();

            let year = date.getFullYear();
            let month = (date.getMonth() + 1).toString().length == 1 ? '0' + (date.getMonth() + 1).toString() : (date.getMonth() + 1).toString();
            let day = date.getDay().toString().length == 1 ? '0' + date.getDay().toString() : date.getDay().toString();
            let showDate = year + '-' + month + '-' + day;
            document.getElementById("date").value = showDate;
        }
    </script>
</head>
<body>

    <select id="mySelect" onchange="myFunction();">
        <option value="Offered">Tesla</option>
        <option value="Accepted">Volvo</option>
        <option value="Rejected">Mercedes</option>
    </select>

    <input type="date" id="date" name="date">
    <input type="submit" value="Submit">

</body>
</html>

推荐阅读