JavaScriptのフォーマット指定で文字列を日時に変換するにはどうすればよいですか?


208

フォーマット文字列を指定して、JavaScriptで文字列を日時オブジェクトに変換するにはどうすればよいですか?

私は次のようなものを探しています:

var dateTime = convertToDateTime("23.11.2009 12:34:56", "dd.MM.yyyy HH:mm:ss");

2
BTWのドットとハイフンは日付の区切り文字として失敗する可能性があり、スラッシュは大丈夫なので、(私のテストの範囲内で)Javascriptは「2011/08/22 10:30:00」を受け入れますが、まだ(ISO 8601にもかかわらず)「2011-09」を受け入れません-02 15:58:40 "-主張されている-Javascript 1.8.5以降でサポートされています。
Dave Everitt、2011

Date.parse関数は、 "mm / dd / yyyy"形式の日付文字列を解析します。Parseを適用する前に、文字列を「mm / dd / yyyy」形式に変換してください。

必要な形式で日付を指定しないのはなぜですか?新しいDate( '2012 11 25 18:00:00')のように行います。そしてそれはうまくいきます!
foxybagga

回答:


88

これはあなたに役立つと思います:http : //www.mattkruse.com/javascript/date/

getDateFromFormat()問題を解決するために少し調整できる関数があります。

更新:javascripttoolbox.comで入手可能なサンプルの更新バージョンがあります。


5
TypeError: Object Date has no method 'getDateFromFormat'
Derek款會功夫2012

6
getDateFromFormatメソッドは、上記のリンクのドキュメントで利用できます。ソースはこちらから入手可能:mattkruse.com/javascript/date/source.html
Rafael Mueller

1
+1、良いライブラリ..純粋なJavaScript ...それは素晴らしいです。ありがとう
Surendra Jnawali 2013年

7
両方のリンクが
停止し

1
できればリンクを更新してください。これはもう役に立ちません。
タレライ

98

文字列がと互換性がある場合に使用します。形式に互換性がない場合(そうだと思います)、自分で文字列を解析し(正規表現を使用すると簡単です)、年、月、日付、時間、分、秒の明示的な値を使用して新しいDateオブジェクトを作成する必要があります。new Date(dateString)Date.parse()


1
Date.parseが最適なソリューションです。ほとんどすべてを解析します!+1
ianaz 2012

7
@ianaz:ほとんどすべてがアメリカで使用されていますが、ヨーロッパの大部分で使用されているフォーマットがないと、「ほとんど」大きすぎます。しかし、新しい日付はカスタム関数の良い基盤です。
Pavel V.

新しいDate(dateString)は私にとってはうまくいきましたが、Date.parse()は代わりにミリ秒に変換するため、Date型ではなく数値を返します。
レーガンオチョラ2017年

68

問題に取り組むために正規表現を使用する@Christoph Mentions。これが私が使っているものです:

var dateString = "2010-08-09 01:02:03";
var reggie = /(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})/;
var dateArray = reggie.exec(dateString); 
var dateObject = new Date(
    (+dateArray[1]),
    (+dateArray[2])-1, // Careful, month starts at 0!
    (+dateArray[3]),
    (+dateArray[4]),
    (+dateArray[5]),
    (+dateArray[6])
);

これは決してインテリジェントではありませんnew Date(blah)。正規表現を構成して、ニーズに合わせてください。

編集:おそらく、構造化を使用すると、ES6で少し理解しやすくなります。

let dateString = "2010-08-09 01:02:03"
  , reggie = /(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})/
  , [, year, month, day, hours, minutes, seconds] = reggie.exec(dateString)
  , dateObject = new Date(year, month-1, day, hours, minutes, seconds);

でも最近は正直、モーメントのようなものに手を伸ばす


19
@bažmegakapa泣く代わりに、答えを編集して 'var'sを自分で追加したのではないでしょうか?
OrganicPanda 2012

/gフラグを使用して、後でのみ設定lastIndexするのはなぜ0ですか?グローバルマッチは使用しないでください。
Ry-

1
@minitechこれ/gは、既存のプロジェクトからのずさんなコピー/貼り付けでした。lastindexエディタによって追加されました(\g私が推測するものと戦うためですか?)。今すぐ削除します。指摘いただきありがとうございます。
OrganicPanda 2012

1
とても素敵な回答..本当に便利です
Jethik

14

JavaScriptには、洗練された日付/時刻フォーマットルーチンはありません。

フォーマットされた日付出力には「JavaScript Date Format」という外部ライブラリを使用する必要があります。FlagrantBadasseryのは非常に有望に見えます。

入力変換については、すでにいくつかの提案がなされています。:)


3
「しなければならない」は相対的です。もちろん、独自の実装を構築することもできます。:)
Tomalak 2009年

13

Moment.jsをチェックしてください。これは、JavaScriptの悲惨な日付関数(またはその欠如)を補う、モダンで強力なライブラリーです。


3
私は反対票を投じなかったが、おそらくMoment.jsのどの関数が望ましい動作を提供するかを正確に知っていれば良かったであろう(すでにMoment.jsを使用しているが、使用する特定の関数がわからない私たちの怠惰な人々にとって) 。
マット、

ローカリゼーションは有望に見えます。ドット形式には中央ヨーロッパのロケールを選択してください。しかし、私はそれをテストしなかったし、完全な日時形式は私が見た例にありません。
Pavel V.

私は反対票を投じなかったが、これは遅いとだけ言いたかった。デスクトップの場合は問題ありませんが、モバイルの場合は(ニーズによっては)遅くなる可能性があります。
gabn88 2016年

11

ここで更新された答えのために、http: //www.datejs.com/に良いjs libがあります。

Datejsは、解析、フォーマット、処理のためのオープンソースのJavaScript Dateライブラリです。


その編集をロールバックしましたが、非常に役立ちますが、コメントまたは個別の回答として追加する必要があります。
Alexis Abril 2012

とにかくコメントには長すぎて、重複した回答を追加するのは間違っています。この質問には155,000を超えるビューがあります。これらの人々にできるだけ多くの情報を提供しましょう!(ちなみに、既存の回答を編集することはスタックオーバーフローでは非常に一般的です
Kobi

1
とにかく、私の編集が気に入らない場合は、回答を拡張してください-「ここで更新された回答のためだけ」がフィラーであり、詳細が不足しています。ちなみにこの質問は今注目を集めているのでいきなり5票を獲得しました。
Kobi

7
var temp1 = "";
var temp2 = "";

var str1 = fd; 
var str2 = td;

var dt1  = str1.substring(0,2);
var dt2  = str2.substring(0,2);

var mon1 = str1.substring(3,5);
var mon2 = str2.substring(3,5);

var yr1  = str1.substring(6,10);  
var yr2  = str2.substring(6,10); 

temp1 = mon1 + "/" + dt1 + "/" + yr1;
temp2 = mon2 + "/" + dt2 + "/" + yr2;

var cfd = Date.parse(temp1);
var ctd = Date.parse(temp2);

var date1 = new Date(cfd); 
var date2 = new Date(ctd);

if(date1 > date2) { 
    alert("FROM DATE SHOULD BE MORE THAN TO DATE");
}

5

外部ライブラリーは、1つまたは2つの日付を構文解析するための過剰なものであるため、OliおよびChristophのソリューションを使用して独自の関数を作成しました。ここ中央ヨーロッパでは、ほとんどのものを使用することはほとんどありませんが、OPの形式なので、ここで使用する単純なアプリにはこれで十分です。

function ParseDate(dateString) {
    //dd.mm.yyyy, or dd.mm.yy
    var dateArr = dateString.split(".");
    if (dateArr.length == 1) {
        return null;    //wrong format
    }
    //parse time after the year - separated by space
    var spacePos = dateArr[2].indexOf(" ");
    if(spacePos > 1) {
        var timeString = dateArr[2].substr(spacePos + 1);
        var timeArr = timeString.split(":");
        dateArr[2] = dateArr[2].substr(0, spacePos);
        if (timeArr.length == 2) {
            //minutes only
            return new Date(parseInt(dateArr[2]), parseInt(dateArr[1]-1), parseInt(dateArr[0]), parseInt(timeArr[0]), parseInt(timeArr[1]));
        } else {
            //including seconds
            return new Date(parseInt(dateArr[2]), parseInt(dateArr[1]-1), parseInt(dateArr[0]), parseInt(timeArr[0]), parseInt(timeArr[1]), parseInt(timeArr[2]))
        }
    } else {
        //gotcha at months - January is at 0, not 1 as one would expect
        return new Date(parseInt(dateArr[2]), parseInt(dateArr[1] - 1), parseInt(dateArr[0]));
    }
}

4

Date.parse() はかなりインテリジェントですが、フォーマットが正しく解析されることを保証できません。

そうでない場合は、2つをつなぐ何かを見つける必要があります。あなたの例は非常に単純です(純粋に数字であるためstring.split())いくつかのREGEX(または-より高速かもしれません)と組み合わせるparseInt()ことで、すばやく日付を作成できます。


4
time = "2017-01-18T17:02:09.000+05:30"

t = new Date(time)

hr = ("0" + t.getHours()).slice(-2);
min = ("0" + t.getMinutes()).slice(-2);
sec = ("0" + t.getSeconds()).slice(-2);

t.getFullYear()+"-"+t.getMonth()+1+"-"+t.getDate()+" "+hr+":"+min+":"+sec

getmonth()関数を呼び出した後のプラス1は間違っているようです
Arjunsingh

Date.getMonth()は0ベースの値を返すため、t.getMonth()+ 1は正しいです。
Jussi Palo

3

ちょうど私の5セントを与えるために。

私の日付形式はdd.mm.yyyy(英国形式)で、上記の例はどれも機能しませんでした。すべてのパーサーはmmを日、ddを月と見なしていました。

私はこのライブラリを見つけました:http : //joey.mazzarelli.com/2008/11/25/easy-date-parsing-with-javascript/ そして、あなたはこのようなフィールドの順番を言うことができるので、それはうまくいきました:

>>console.log(new Date(Date.fromString('09.05.2012', {order: 'DMY'})));
Wed May 09 2012 00:00:00 GMT+0300 (EEST)

誰かのお役に立てば幸いです。


リンクが死んでいます!

まあ...すぐにarchive.orgが示しました:bitbucket.org/mazzarelli/js-date/downloadsはプロジェクトのURLです。
Anton Valqk 2017

1

Moment.jsはこれを処理します。

var momentDate = moment('23.11.2009 12:34:56', 'DD.MM.YYYY HH:mm:ss');
var date = momentDate.;

1
moment.jsはすばらしいものですが、ネイティブJavascriptを使用する必要があるユースケースはたくさんあります。私の現在の使用例は、CouchDBのMap関数です
Zach Smith

1

これには、moment.jsライブラリを使用できます。時間固有の出力を取得するためだけに使用していますが、選択する形式の種類を選択できます。

参照:

1.モーメントライブラリ: https : //momentjs.com/

2.日時固有の関数: https : //timestamp.online/article/how-to-convert-timestamp-to-datetime-in-javascript

convertDate(date) {
        var momentDate = moment(date).format('hh : mm A');
        return momentDate;
}

このメソッドは次のように呼び出すことができます。

this.convertDate('2020-05-01T10:31:18.837Z');

お役に立てば幸いです。コーディングをお楽しみください。


0

Date.parse変換文字列を完全に満たすために、RFC822で指定されている形式dd-mm-YYYYに変換するために、yyyy-mm-ddを使用すると、エラーが発生する可能性があります。


参考までに、RFC 822から(ページ:25。コメントのテキストの長さに合わせて部分的にクリーンアップ):1982年8月13日-25-RFC#822 5.日付と時刻の仕様5.1。構文date-time = [day "、"] date time; dd mm yy hh:mm:ss zzz日= "月" / "火" / "水" / "木" / "金" / "土" / "日"日付= 1 * 2DIGIT月2DIGIT; 日月年例:6月20日82月=「1月」/「2月」/「3月」/「4月」/「5月」/「6月」/「7月」/「8月」/「9月」/「10月」/「 11月」/「12月」
バレンティンラスク

0
//Here pdate is the string date time
var date1=GetDate(pdate);
    function GetDate(a){
        var dateString = a.substr(6);
        var currentTime = new Date(parseInt(dateString ));
        var month =("0"+ (currentTime.getMonth() + 1)).slice(-2);
        var day =("0"+ currentTime.getDate()).slice(-2);
        var year = currentTime.getFullYear();
        var date = day + "/" + month + "/" + year;
        return date;
    }

質問者はフォーマット文字列の指定を求めました。
アルマリ

"/ Date(1552415400000)/"のような@Armali入力パラメーターを文字列形式で
Abhishek Kanrar
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.