199

如何在 JavaScript 中获取当前时间并在时间选择器中使用它?

我试过var x = Date()并得到:

2012 年 5 月 15 日星期二 05:45:40 GMT-0500

但我只需要当前时间,例如,05:45

如何将其分配给变量?

4

21 回答 21

269
var d = new Date("2011-04-20T09:30:51.01");
d.getHours(); // => 9
d.getMinutes(); // =>  30
d.getSeconds(); // => 51

或者

var d = new Date(); // for now
d.getHours(); // => 9
d.getMinutes(); // =>  30
d.getSeconds(); // => 51
于 2012-05-15T10:51:15.193 回答
190

简短而简单:

new Date().toLocaleTimeString(); // 11:18:48 AM
//---
new Date().toLocaleDateString(); // 11/16/2015
//---
new Date().toLocaleString(); // 11/16/2015, 11:18:48 PM

4小时后(使用milisec:sec==1000):

new Date(new Date().getTime() + 4*60*60*1000).toLocaleTimeString(); // 3:18:48 PM or 15:18:48

2天前:

new Date(new Date().getTime() - 2*24*60*60*1000).toLocaleDateString() // 11/14/2015
于 2015-11-16T10:36:37.997 回答
98

使用 javascript 有效地获取和设置当前时间

我找不到完全符合我需要的解决方案。我想要干净而小巧的代码,所以我想出了这个:

(在您的 master.js 中设置一次,并在需要时调用。)

纯 JAVASCRIPT

function timeNow(i) {
  var d = new Date(),
    h = (d.getHours()<10?'0':'') + d.getHours(),
    m = (d.getMinutes()<10?'0':'') + d.getMinutes();
  i.value = h + ':' + m;
}
<a onclick="timeNow(test1)" href="#">SET TIME</a>
<input id="test1" type="time" value="10:40" />


更新

现在有足够的浏览器支持来简单地使用:toLocaleTimeString

对于html5类型time,格式必须是hh:mm.

function timeNow(i) {
  i.value = new Date().toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'});
}
<a onclick="timeNow(test1)" href="#">SET TIME</a>
<input id="test1" type="time" value="10:40" />

Try it on jsfiddle

于 2014-08-06T15:13:18.883 回答
29

尝试

new Date().toLocaleTimeString().replace("/.*(\d{2}:\d{2}:\d{2}).*/", "$1");

或者

new Date().toTimeString().split(" ")[0];
于 2015-02-04T16:16:02.993 回答
25

您可以简单地使用此方法。

console.log(new Date().toLocaleTimeString([], { hour: '2-digit', minute: "2-digit", hour12: false }));
console.log(new Date().toLocaleTimeString([], { hour: '2-digit', minute: "2-digit" }));

于 2020-06-26T07:24:32.013 回答
13

const date = Date().slice(16,21);
console.log(date);

于 2017-10-06T06:42:54.120 回答
10

你的意思是:

var d = new Date();
var curr_hour = d.getHours();
var curr_min = d.getMinutes();
于 2012-05-15T10:51:18.553 回答
7

尝试这个:

var date = new Date();
var hour = date.getHours();
var min = date.getMinutes();
于 2012-05-15T10:52:27.800 回答
6
function getCurrentTime(){
    var date = new Date();
    var hh = date.getHours();
    var mm = date.getMinutes();

    hh = hh < 10 ? '0'+hh : hh; 
    mm = mm < 10 ? '0'+mm : mm;

    curr_time = hh+':'+mm;
    return curr_time;
}
于 2018-05-21T07:42:48.393 回答
5

这是你如何做到的。

const date = new Date();
const time = date.toTimeString().split(' ')[0].split(':');
console.log(time[0] + ':' + time[1])

于 2017-02-07T08:59:33.637 回答
3

这个 -

var x = new Date(); 
var h = x.getHours(); 
var m = x.getMinutes(); 
var s = x.getSeconds(); 

所以-

 x = date
h = hours
m = mins
s = seconds
于 2013-11-09T17:46:53.737 回答
2

在 ES6 中以您请求的格式 (hh:mm) 执行此操作的一种简单方法是:

const goodTime = `${new Date().getHours()}:${new Date().getMinutes()}`;

console.log(goodTime);

(显然,控制台日志记录不是解决方案的一部分)

于 2021-06-09T22:36:11.633 回答
1

将日期和时间分开并与时间和日期 HTML 输入格式兼容的简单函数

function formatDate(date) {
  var d         = new Date(date),
      month = '' + (d.getMonth() + 1),
      day   = '' + d.getDate(),
      year  = d.getFullYear();

  if (month.length < 2) month = '0' + month;
  if (day.length < 2) day = '0' + day;

  return [year, month, day].join('-');
}

function formatTime(date) {
        var hours   = new Date().getHours() > 9 ? new Date().getHours() : '0' + new Date().getHours()
        var minutes = new Date().getMinutes() > 9 ? new Date().getMinutes() : '0' + new Date().getMinutes()

        return hours + ':' + minutes
}
于 2019-05-06T09:39:15.900 回答
1

尝试这个

new Date().toTimeString().slice(0, 8);

或者

new Date().toTimeString().split(" ")[0];

它应该工作。

于 2021-07-15T07:58:30.760 回答
1
var today = new Date();  //gets current date and time
var hour = today.getHours();         
var minute = today.getMinutes();
var second = today.getSeconds();
于 2018-11-01T19:24:35.023 回答
1

这是最短的方法。

var now = new Date().toLocaleTimeString();
console.log(now)

这也是一种未提及的字符串操作方式。

var now = new Date()
console.log(now.toString().substr(16,8))
于 2016-10-10T18:34:36.417 回答
0

分配给变量并显示它。

time = new Date();

var hh = time.getHours();
var mm = time.getMinutes();
var ss = time.getSeconds() 

document.getElementById("time").value = hh + ":" + mm + ":" + ss;
于 2015-04-30T12:05:49.663 回答
0

这是我这样做的方式:(希望对某人有所帮助)我正在做的是验证用户在 HTML 时间输入中输入的时间不是过去的时间:

let inputTime = value; // from time input in html (06:29)

const splittedInputTime = inputTime.split(':');

let currentDate = new Date();
currentDate.setHours(splittedInputTime[0]);
currentDate.setMinutes(splittedInputTime[1]);

const finalInputTime = currentDate.toTimeString().split(" ")[0];

const currentTime = new Date().toTimeString().split(" ")[0];

// Returns a boolean (true/ false)
let validTime = finalInputTime >= currentTime;
于 2021-09-18T11:15:05.247 回答
0

这对我有用,但这取决于你点击时得到的结果Date()

Date().slice(16,-12)
于 2018-10-06T12:45:27.033 回答
-3
var hours = date.getHours();
        var minutes = date.getMinutes();
        var ampm = hours >= 12 ? 'pm' : 'am';
        hours = hours % 12;
        hours = hours ? hours : 12; // the hour '0' should be '12'
        minutes = minutes < 10 ? '0'+minutes : minutes;
        var strTime = hours + ':' + minutes + ' ' + ampm;
        console.log(strTime);
        $scope.time = strTime;

        date.setDate(date.getDate()+1);
        month = '' + (date.getMonth() + 1),
        day = '' + date.getDate(1),
        year = date.getFullYear();
        if (month.length < 2) month = '0' + month;
        if (day.length < 2) day = '0' + day;
        var tomorrow = [year, month, day].join('-');
        $scope.tomorrow = tomorrow;
于 2018-04-30T11:14:04.860 回答