jquery：日付オブジェクトからhh：mm：ssを取得する方法は？

Question

日付オブジェクトからこのhh：mm：ssを取得するにはどうすればよいですか？私は時々、

12:10:01 

でなければなりません

12:10:1 

の下に、この結果を得る

var d = new Date(); // for now 
datetext = d.getHours()+":"+d.getMinutes()+":"+d.getSeconds(); 

私は、これは同様に時間と分に起こると仮定します。

だから私は後にこの

01:01:01 

ない、この1：1：1

Answer 1

ソリューション - （TL; DR版）

datetext = d.toTimeString().split(' ')[0]

説明：

toTimeStringは、完全な時刻を返します。 時間成分のみを得るためにスペースで分割し、最初の値を取ります。 :)

コンプリートフロー：

d = new Date(); 
// d is "Sun Oct 13 2013 20:32:01 GMT+0530 (India Standard Time)" 
datetext = d.toTimeString(); 
// datestring is "20:32:01 GMT+0530 (India Standard Time)" 
// Split with ' ' and we get: ["20:32:01", "GMT+0530", "(India", "Standard", "Time)"] 
// Take the first value from array :) 
datetext = datetext.split(' ')[0]; 

注：これは、したがって実行に必要な時間が速くなり、任意の外部ファイルやライブラリを含める必要はありません。

Answer 2

私は日付/時刻ライブラリをチェックアウトすることをお勧めします。 Moment.jsが良い例です。あなたは、単にここで

var d = new Date(); 
var formatteddatestr = moment(d).format('hh:mm:ss a'); 

以下のように行うことができ

あなたは、このコードスニペットを使用することができますexample from fiddle

Answer 3

です。私はまたそれをjsfiddleに追加して、より安全なコメントを追加しましたので、フィドルをチェックアウトしてください。

jQueryを使用している場合は、準備関数内で呼び出します。それ以外の場合は、プレーンJavaScriptを使用してフィールドの値を更新することができます。

$(document).ready(function(){ 
    var d = new Date(); 
    var formatted_time = time_format(d); 
    $('#yourTimeField').text(formatted_time); 
}); 

（それはjsfiddleコードスニペットであるようにあなたはまた、単一のファイルに貼り付けできます）あなたのスクリプトにこれらの2つのメソッドを追加します。それがお役に立てば幸いです:)だ

function time_format(d) { 
    hours = format_two_digits(d.getHours()); 
    minutes = format_two_digits(d.getMinutes()); 
    seconds = format_two_digits(d.getSeconds()); 
    return hours + ":" + minutes + ":" + seconds; 
} 

function format_two_digits(n) { 
    return n < 10 ? '0' + n : n; 
} 

を： ）

Answer 4

また、http://momentjs.com/を試してみることもできます。日付の解析、検証、操作、書式設定のためのjavascript日付ライブラリ。