如何将html5输入类型的日期和时间转换为javascript datetime

Gil*_*ain 2 javascript html5 datetime

我正在使用html5输入类型:日期和时间.如何将表单输入类型转换为javascript对象日期(包括其中的时间)?

这是我的代码的一部分:

<html>
    <head>
        <script type="text/javascript">
             function GetDate(i_Date, i_Time)
             {
                  var theDate = new Date();
                  ....
             }
        </script>
    </head>
    <body>
        <form name="form_task">
             Date:<input type="date" name="task_date" />
             Time:<input type="time" name="task_time" />
             <input type="button" onclick="GetDate(task_date.value, task_time.value)" />
        </form>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

bot*_*ens 5

您需要做的就是从两个输入中提取值,连接它们,然后将它们传递给日期对象.

小提琴: http ://jsfiddle.net/P4bva/

HTML

Date:<input id="date" type="date" name="task_date" />
Time:<input id="time" type="time" name="task_time" />
<button id="calc">Get Time</button>
Run Code Online (Sandbox Code Playgroud)

JS

var calc = document.getElementById("calc")

calc.addEventListener("click", function() {
    var date = document.getElementById("date").value,
        time = document.getElementById("time").value

    console.log(new Date(date + " " + time))
})
Run Code Online (Sandbox Code Playgroud)