Question

我一直在尝试使用HTML中的输入数据来创建日期对象，但没有进行任何调整，它要么显示无效的日期，要么提供今天的日期。我如何解决这个问题有帮助吗？还是我可能做错了什么的更正？谢谢。这是下面的代码。

    <input type="date" id="date">
    <script>
    var date = document.getElementById("date").value();
    var d = new Date(d);
    </script>

Answer 1

您错误地将.value（）更改为.value。

您可以使用momentjs格式化日期YYYY-MM-DD

function check(){
var date = document.getElementById("date").value;
    var d = new moment(date, 'YYYY-MM-DD');
    console.log(d)
}

function check(){
var date = document.getElementById("date").value;
    var d = new moment(date, 'YYYY-MM-DD');
    console.log(d)
}

    <input type="date" id="date" onblur="check()">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js" integrity="sha256-4iQZ6BVL4qNKlQ27TExEhBN1HFPvAvAMbFavKKosSWQ=" crossorigin="anonymous"></script>

Answer 2

可能对您有帮助：

        function x(){
        var date = document.getElementById("date").value;
        var d = new Date(date);
        console.log(d);
        }

<input type="date" id="date">
<button onclick="x()">show</button>

Answer 3

您可以尝试以下操作：

<!DOCTYPE html>
<html>
<head>
<title>Date experiment</title>

<script>
function processDate(mdate){
    console.log(mdate); 
    }
</script>
</head>
<body>
<p>This is a paragraph.</p>
<form>
  Date : <br>
  <input type="date" id="start" name="mydate" onchange="processDate(this.value)"
       value="2019-10-20" min="2019-10-01" max="2019-12-31">
</form>
</body>
</html>

您如何在JavaScript上放置可变日期？

3 个答案: