JavaScriptで現在の時刻を取得してタイムピッカーで使用するにはどうすればよいですか?
私が試してみvar x = Date()
ました:
2012年5月15日火曜日05:45:40 GMT-0500
しかし、私は現在の時間だけが必要です、例えば、 05:45
これを変数に割り当てるにはどうすればよいですか?
JavaScriptで現在の時刻を取得してタイムピッカーで使用するにはどうすればよいですか?
私が試してみvar x = Date()
ました:
2012年5月15日火曜日05:45:40 GMT-0500
しかし、私は現在の時間だけが必要です、例えば、 05:45
これを変数に割り当てるにはどうすればよいですか?
回答:
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
var d = new Date("2011-04-20 09:30:51.01"); alert(d.getHours()); // => 9
出力NaN
T
ので、適切なユニバーサルISOになりました。ところで私undefined
はIEでしか見ません。とにかく修正されました。
短くてシンプル:
new Date().toLocaleTimeString(); // 11:18:48 AM
//---
new Date().toLocaleDateString(); // 11/16/2015
//---
new Date().toLocaleString(); // 11/16/2015, 11:18:48 PM
4時間後(ミリ秒を使用:秒== 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
私が必要とするものを正確に実行するソリューションを見つけることができませんでした。私はクリーンで小さなコードが欲しかったのでこれを思いつきました:
(master.jsに一度設定して、必要なときに呼び出します。)
ピュアジャバスクリプト
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" />
new Date().toLocaleTimeString('fr', {hour: '2-digit', minute:'2-digit'});
試す
new Date().toLocaleTimeString().replace("/.*(\d{2}:\d{2}:\d{2}).*/", "$1");
または
new Date().toTimeString().split(" ")[0];
もしかして:
var d = new Date();
var curr_hour = d.getHours();
var curr_min = d.getMinutes();
これを試して:
var date = new Date();
var hour = date.getHours();
var min = date.getMinutes();
この方法でそれを行うことができます。
const date = new Date();
const time = date.toTimeString().split(' ')[0].split(':');
console.log(time[0] + ':' + time[1])
new Date().toTimeString().slice(0, 5)
ます。
この -
var x = new Date();
var h = x.getHours();
var m = x.getMinutes();
var s = x.getSeconds();
そう-
x = date
h = hours
m = mins
s = seconds
これが最短の方法です。
var now = new Date().toLocaleTimeString();
console.log(now)
ここにも、言及されていない文字列操作の方法があります。
var now = new Date()
console.log(now.toString().substr(16,8))
Date().substr(16, 5)
です。あなたは必要ありませんtoString()
。
変数に割り当てて表示します。
time = new Date();
var hh = time.getHours();
var mm = time.getMinutes();
var ss = time.getSeconds()
document.getElementById("time").value = hh + ":" + mm + ":" + ss;
time
要素に格納する必要があると仮定するのですか?OPは、変数への格納を要求しました。let time = Date().substr(16, 5)
それを行います。
日付と時刻を分離し、時刻と日付の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
}
var today = new Date(); //gets current date and time
var hour = today.getHours();
var minute = today.getMinutes();
var second = today.getSeconds();
new
。
これは私にとってはうまくいきましたが、これはあなたが打ったときにあなたが得るものに依存しますDate()
:
Date().slice(16,-12)
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;