如何从 html 输入类型时间创建 javascript 日期对象？答案

【问题标题】：How to create javascript date object from html input type time?如何从 html 输入类型时间创建 javascript 日期对象？
【发布时间】：2019-10-07 09:31:22
【问题描述】：

这个question 回答了如何将HH:mm:ss 字符串转换为Javascript 日期对象。从 HTML 时间输入返回的字符串并不总是 HH:mm:ss 格式。格式各不相同。

链接问题中的答案不适用于动态格式。

如何从这个没有固定格式的输入值创建一个Javascript日期对象？

【问题讨论】：

How to convert a HH:mm:ss string to to a Javascript Date object? 和 Converting time string into Date object 和 Javascript Date Object from string in form 'HH-MM' 的可能重复
how-to-convert-html5-input-type-date-and-time-to-javascript-datetime的可能重复
@adiga 链接问题中的答案在动态格式的情况下不起作用。

标签： javascript datetime dom time

【解决方案1】：

这是benihamalu的answer的优化版本。

const today = new Date();
console.log(new Date(today.toDateString() + ' ' + "13:30"));

【讨论】：

【解决方案2】：

我假设您想要当前日期，在这种情况下，您需要获取当前日期，然后传递当前时间。

var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();

today = mm + '/' + dd + '/' + yyyy;
console.log(new Date(today + " " + "13:30" /*pass your time*/));

【讨论】：

【解决方案3】：

简单的答案

function TimeToDate(time) {
    var today = new Date();
    time = new Date('1970-01-01' + ' ' + time + 'Z').getTime();
    var date = today.setHours(0, 0, 0, 0);
    var DateTime = new Date(date + time);
    return DateTime;
}

console.log(TimeToDate("13:30:7.026"));

【讨论】：