web-dev-qa-db-ja.com

Javascriptでのユーザー入力から日付をDateオブジェクトに解析する最良の方法は何ですか？

私は、ユーザーが時刻をテキスト入力に入力するためのフォームウィジェットに取り組んでいます（カレンダーアプリケーションの場合）。 JavaScript（jQuery FWIWを使用しています）を使用して、ユーザーがJavaScript Date()オブジェクトに入力したテキストを解析する最良の方法を見つけて、比較やその他のことを簡単に実行できるようにします。

parse()メソッドを試してみましたが、これは私のニーズには少しこだわりすぎています。同じDate()オブジェクトとして、（他の論理的に類似した時間形式に加えて）次のサンプル入力時間を正常に解析できると期待しています。

  • 午後1:00
  • 午後1:00。
  • 1:00 p
  • 午後1:00
  • 午後1:00。
  • 1：00p
  • 午後1時
  • 午後1時。
  • 1 p
  • 午後1時
  • 午後1時。
  • 1p
  • 13:00
  • 13

正規表現を使用して入力を分割し、Date()オブジェクトを作成するために使用する情報を抽出できると考えています。これを行う最良の方法は何ですか？

javascriptdatetimeparsingdatetime
62
Joe Lencioni

指定した入力で動作する簡単なソリューション：

function parseTime( t ) {
   var d = new Date();
   var time = t.match( /(\d+)(?::(\d\d))?\s*(p?)/ );
   d.setHours( parseInt( time[1]) + (time[3] ? 12 : 0) );
   d.setMinutes( parseInt( time[2]) || 0 );
   return d;
}

var tests = [
  '1:00 pm','1:00 p.m.','1:00 p','1:00pm','1:00p.m.','1:00p','1 pm',
  '1 p.m.','1 p','1pm','1p.m.', '1p', '13:00','13', '1a', '12', '12a', '12p', '12am', '12pm', '2400am', '2400pm', '2400', 
  '1000', '100', '123', '2459', '2359', '2359am', '1100', '123p',
  '1234', '1', '9', '99', '999', '9999', '99999', '0000', '0011', '-1', 'mioaw' ];

for ( var i = 0; i < tests.length; i++ ) {
  console.log( tests[i].padStart( 9, ' ' ) + " = " + parseTime(tests[i]) );
}

他のいくつかの種類でも同様に機能するはずです（たとえば、amを使用しても、機能します-たとえば）。明らかにこれはかなり粗雑ですが、かなり軽量です（たとえば、完全なライブラリよりもはるかに安価です）。

警告：コードは午前12:00などでは機能しません。

70
John Resig

提供された例はすべて、午前12:00から午前12:59の時間に機能しません。また、正規表現が時間と一致しない場合にもエラーをスローします。以下がこれを処理します。

function parseTime(timeString) {        
        if (timeString == '') return null;
        
        var time = timeString.match(/(\d+)(:(\d\d))?\s*(p?)/i); 
        if (time == null) return null;
        
        var hours = parseInt(time[1],10);        
        if (hours == 12 && !time[4]) {
                  hours = 0;
        }
        else {
                hours += (hours < 12 && time[4])? 12 : 0;
        }       
        var d = new Date();             
        d.setHours(hours);
        d.setMinutes(parseInt(time[3],10) || 0);
        d.setSeconds(0, 0);      
        return d;
}


var tests = [
  '1:00 pm','1:00 p.m.','1:00 p','1:00pm','1:00p.m.','1:00p','1 pm',
  '1 p.m.','1 p','1pm','1p.m.', '1p', '13:00','13', '1a', '12', '12a', '12p', '12am', '12pm', '2400am', '2400pm', '2400', 
  '1000', '100', '123', '2459', '2359', '2359am', '1100', '123p',
  '1234', '1', '9', '99', '999', '9999', '99999', '0000', '0011', '-1', 'mioaw' ];

for ( var i = 0; i < tests.length; i++ ) {
  console.log( tests[i].padStart( 9, ' ' ) + " = " + parseTime(tests[i]) );
}

これは、文字列内に時間を含む文字列に対して機能します。したがって、「abcde12：00pmdef」は解析され、午後12時を返します。目的の結果が、文字列に時刻のみが含まれる場合にのみ時刻を返すという場合、「time [4]」を「time [6]」に置き換えれば、次の正規表現を使用できます。

/^(\d+)(:(\d\d))?\s*((a|(p))m?)?$/i
49
Nathan Villaescusa

自分でやるのではなく、単に datejs を使用してください。

34
Jim

ここでの正規表現ソリューションのほとんどは、文字列を解析できない場合にエラーをスローし、1330または130pm。これらの形式はOPによって指定されていませんが、人間が入力した日付を解析するために重要であると思います。

これらすべてのことから、正規表現を使用することはこのための最良のアプローチではないかもしれないと考えるようになりました。

私の解決策は、時間を解析するだけでなく、出力形式と分を丸めるステップ（間隔）を指定できる関数です。約70行で、まだ軽量で、前述のすべての形式とコロンなしの形式を解析します。

function parseTime(time, format, step) {
        
        var hour, minute, stepMinute,
                defaultFormat = 'g:ia',
                pm = time.match(/p/i) !== null,
                num = time.replace(/[^0-9]/g, '');
        
        // Parse for hour and minute
        switch(num.length) {
                case 4:
                        hour = parseInt(num[0] + num[1], 10);
                        minute = parseInt(num[2] + num[3], 10);
                        break;
                case 3:
                        hour = parseInt(num[0], 10);
                        minute = parseInt(num[1] + num[2], 10);
                        break;
                case 2:
                case 1:
                        hour = parseInt(num[0] + (num[1] || ''), 10);
                        minute = 0;
                        break;
                default:
                        return '';
        }
        
        // Make sure hour is in 24 hour format
        if( pm === true && hour > 0 && hour < 12 ) hour += 12;
        
        // Force pm for hours between 13:00 and 23:00
        if( hour >= 13 && hour <= 23 ) pm = true;
        
        // Handle step
        if( step ) {
                // Step to the nearest hour requires 60, not 0
                if( step === 0 ) step = 60;
                // Round to nearest step
                stepMinute = (Math.round(minute / step) * step) % 60;
                // Do we need to round the hour up?
                if( stepMinute === 0 && minute >= 30 ) {
                        hour++;
                        // Do we need to switch am/pm?
                        if( hour === 12 || hour === 24 ) pm = !pm;
                }
                minute = stepMinute;
        }
        
        // Keep within range
        if( hour <= 0 || hour >= 24 ) hour = 0;
        if( minute < 0 || minute > 59 ) minute = 0;

        // Format output
        return (format || defaultFormat)
                // 12 hour without leading 0
        .replace(/g/g, hour === 0 ? '12' : 'g')
                .replace(/g/g, hour > 12 ? hour - 12 : hour)
                // 24 hour without leading 0
                .replace(/G/g, hour)
                // 12 hour with leading 0
                .replace(/h/g, hour.toString().length > 1 ? (hour > 12 ? hour - 12 : hour) : '0' + (hour > 12 ? hour - 12 : hour))
                // 24 hour with leading 0
                .replace(/H/g, hour.toString().length > 1 ? hour : '0' + hour)
                // minutes with leading zero
                .replace(/i/g, minute.toString().length > 1 ? minute : '0' + minute)
                // simulate seconds
                .replace(/s/g, '00')
                // lowercase am/pm
                .replace(/a/g, pm ? 'pm' : 'am')
                // lowercase am/pm
                .replace(/A/g, pm ? 'PM' : 'AM');
}

var tests = [
  '1:00 pm','1:00 p.m.','1:00 p','1:00pm','1:00p.m.','1:00p','1 pm',
  '1 p.m.','1 p','1pm','1p.m.', '1p', '13:00','13', '1a', '12', '12a', '12p', '12am', '12pm', '2400am', '2400pm', '2400', 
  '1000', '100', '123', '2459', '2359', '2359am', '1100', '123p',
  '1234', '1', '9', '99', '999', '9999', '99999', '0000', '0011', '-1', 'mioaw' ];

for ( var i = 0; i < tests.length; i++ ) {
  console.log( tests[i].padStart( 9, ' ' ) + " = " + parseTime(tests[i]) );
}
13
claviska

Joeのバージョン の改善点を次に示します。さらに編集してください。

function parseTime(timeString)
{
  if (timeString == '') return null;
  var d = new Date();
  var time = timeString.match(/(\d+)(:(\d\d))?\s*(p?)/i);
  d.setHours( parseInt(time[1],10) + ( ( parseInt(time[1],10) < 12 && time[4] ) ? 12 : 0) );
  d.setMinutes( parseInt(time[3],10) || 0 );
  d.setSeconds(0, 0);
  return d;
}

var tests = [
  '1:00 pm','1:00 p.m.','1:00 p','1:00pm','1:00p.m.','1:00p','1 pm',
  '1 p.m.','1 p','1pm','1p.m.', '1p', '13:00','13', '1a', '12', '12a', '12p', '12am', '12pm', '2400am', '2400pm', '2400', 
  '1000', '100', '123', '2459', '2359', '2359am', '1100', '123p',
  '1234', '1', '9', '99', '999', '9999', '99999', '0000', '0011', '-1', 'mioaw' ];

for ( var i = 0; i < tests.length; i++ ) {
  console.log( tests[i].padStart( 9, ' ' ) + " = " + parseTime(tests[i]) );
}

変更点：

  • ParseInt（）呼び出しに基数パラメーターを追加しました（したがって、jslintは文句を言いません）。
  • 「2:23 PM」が「2:23 pm」のように機能するように、大文字と小文字を区別しない正規表現を作成しました。
11
Patrick McElhaney

John Resigのソリューションを実装する際に、いくつかの問題に出会いました。彼の答えに基づいて私が使用している修正された関数は次のとおりです。

function parseTime(timeString)
{
  if (timeString == '') return null;
  var d = new Date();
  var time = timeString.match(/(\d+)(:(\d\d))?\s*(p?)/);
  d.setHours( parseInt(time[1]) + ( ( parseInt(time[1]) < 12 && time[4] ) ? 12 : 0) );
  d.setMinutes( parseInt(time[3]) || 0 );
  d.setSeconds(0, 0);
  return d;
} // parseTime()

var tests = [
  '1:00 pm','1:00 p.m.','1:00 p','1:00pm','1:00p.m.','1:00p','1 pm',
  '1 p.m.','1 p','1pm','1p.m.', '1p', '13:00','13', '1a', '12', '12a', '12p', '12am', '12pm', '2400am', '2400pm', '2400', 
  '1000', '100', '123', '2459', '2359', '2359am', '1100', '123p',
  '1234', '1', '9', '99', '999', '9999', '99999', '0000', '0011', '-1', 'mioaw' ];

for ( var i = 0; i < tests.length; i++ ) {
  console.log( tests[i].padStart( 9, ' ' ) + " = " + parseTime(tests[i]) );
}
3
Joe Lencioni

これは、ユーザーがこのタイプの入力をどのように使用するかを考慮した、より堅牢なアプローチです。たとえば、ユーザーが「12」と入力した場合、午前12時ではなく午後12時（正午）になると予想されます。以下の関数は、これらすべてを処理します。こちらからも入手できます： http://blog.de-zwart.net/2010-02/javascript-parse-time/

/**
 * Parse a string that looks like time and return a date object.
 * @return  Date object on success, false on error.
 */
String.prototype.parseTime = function() {
    // trim it and reverse it so that the minutes will always be greedy first:
    var value = this.trim().reverse();

    // We need to reverse the string to match the minutes in greedy first, then hours
    var timeParts = value.match(/(a|p)?\s*((\d{2})?:?)(\d{1,2})/i);

    // This didnt match something we know
    if (!timeParts) {
        return false;
    }

    // reverse it:
    timeParts = timeParts.reverse();

    // Reverse the internal parts:
    for( var i = 0; i < timeParts.length; i++ ) {
        timeParts[i] = timeParts[i] === undefined ? '' : timeParts[i].reverse();
    }

    // Parse out the sections:
    var minutes = parseInt(timeParts[1], 10) || 0;
    var hours = parseInt(timeParts[0], 10);
    var afternoon = timeParts[3].toLowerCase() == 'p' ? true : false;

    // If meridian not set, and hours is 12, then assume afternoon.
    afternoon = !timeParts[3] && hours == 12 ? true : afternoon;
    // Anytime the hours are greater than 12, they mean afternoon
    afternoon = hours > 12 ? true : afternoon;
    // Make hours be between 0 and 12:
    hours -= hours > 12 ? 12 : 0;
    // Add 12 if its PM but not noon
    hours += afternoon && hours != 12 ? 12 : 0;
    // Remove 12 for midnight:
    hours -= !afternoon && hours == 12 ? 12 : 0;

    // Check number sanity:
    if( minutes >= 60 || hours >= 24 ) {
        return false;
    }

    // Return a date object with these values set.
    var d = new Date();
    d.setHours(hours);
    d.setMinutes(minutes);
    return d;
}

var tests = [
  '1:00 pm','1:00 p.m.','1:00 p','1:00pm','1:00p.m.','1:00p','1 pm',
  '1 p.m.','1 p','1pm','1p.m.', '1p', '13:00','13', '1a', '12', '12a', '12p', '12am', '12pm', '2400am', '2400pm', '2400', 
  '1000', '100', '123', '2459', '2359', '2359am', '1100', '123p',
  '1234', '1', '9', '99', '999', '9999', '99999', '0000', '0011', '-1', 'mioaw' ];

for ( var i = 0; i < tests.length; i++ ) {
  console.log( tests[i].padStart( 9, ' ' ) + " = " + tests[i].parseTime() );
}

これは文字列のプロトタイプなので、次のように使用できます。

var str = '12am';
var date = str.parseTime();
2
Pieter de Zwart

AnyTime.Converterは、さまざまな形式の日付/時刻を解析できます。

http://www.AMA3.com/anytime/

2
Andrew M. Andrews III

以下は、サポートする24時間クロックを使用しているすべての人向けのソリューションです。

  • 0820-> 08:20
  • 32-> 03:02
  • 124-> 12:04
function parseTime(text) {
  var time = text.match(/(\d?\d):?(\d?\d?)/);
        var h = parseInt(time[1], 10);
        var m = parseInt(time[2], 10) || 0;
        
        if (h > 24) {
        // try a different format
                time = text.match(/(\d)(\d?\d?)/);
                h = parseInt(time[1], 10);
                m = parseInt(time[2], 10) || 0;
        } 
        
  var d = new Date();
  d.setHours(h);
  d.setMinutes(m);
  return d;             
}

var tests = [
  '1:00 pm','1:00 p.m.','1:00 p','1:00pm','1:00p.m.','1:00p','1 pm',
  '1 p.m.','1 p','1pm','1p.m.', '1p', '13:00','13', '1a', '12', '12a', '12p', '12am', '12pm', '2400am', '2400pm', '2400', 
  '1000', '100', '123', '2459', '2359', '2359am', '1100', '123p',
  '1234', '1', '9', '99', '999', '9999', '99999', '0000', '0011', '-1', 'mioaw' ];

for ( var i = 0; i < tests.length; i++ ) {
  console.log( tests[i].padStart( 9, ' ' ) + " = " + parseTime(tests[i]) );
}
2
Stefan Haberl

time パッケージのサイズは0.9kbです。 NPMおよびbowerパッケージマネージャーで利用可能。

README.mdから直接の例を次に示します。

var t = Time('2p');
t.hours();             // 2
t.minutes();           // 0
t.period();            // 'pm'
t.toString();          // '2:00 pm'
t.nextDate();          // Sep 10 2:00 (assuming it is 1 o'clock Sep 10)
t.format('hh:mm AM')   // '02:00 PM'
t.isValid();           // true
Time.isValid('99:12'); // false
2
Sgnl

元の回答、妥当な桁数、猫によるデータ入力、および論理的な誤りをカバーする別のアプローチがあります。アルゴリズムは次のとおりです。

  1. 子午線が post meridiem であるかどうかを判別します。
  2. 入力数字を整数値に変換します。
  3. 0から24の間の時間：時間は時であり、分はありません（時間12は午後です）。
  4. 100から2359までの時間：div 100時間は時で、残りはmod 100分です。
  5. 2400からの時間：時間は真夜中で、残りは分です。
  6. 時間が12を超える場合は、12を減算して、メリディエム後の条件を真にします。
  7. 分が59を超える場合、59に強制します。

時間、分、およびポストメリディエムをDateオブジェクトに変換することは、読者にとっての課題です（他の多くの回答がこれを行う方法を示しています）。

"use strict";

String.prototype.toTime = function () {
  var time = this;
  var post_meridiem = false;
  var ante_meridiem = false;
  var hours = 0;
  var minutes = 0;

  if( time != null ) {
    post_meridiem = time.match( /p/i ) !== null;
    ante_meridiem = time.match( /a/i ) !== null;

    // Preserve 2400h time by changing leading zeros to 24.
    time = time.replace( /^00/, '24' );

    // Strip the string down to digits and convert to a number.
    time = parseInt( time.replace( /\D/g, '' ) );
  }
  else {
    time = 0;
  }

  if( time > 0 && time < 24 ) {
    // 1 through 23 become hours, no minutes.
    hours = time;
  }
  else if( time >= 100 && time <= 2359 ) {
    // 100 through 2359 become hours and two-digit minutes.
    hours = ~~(time / 100);
    minutes = time % 100;
  }
  else if( time >= 2400 ) {
    // After 2400, it's midnight again.
    minutes = (time % 100);
    post_meridiem = false;
  }

  if( hours == 12 && ante_meridiem === false ) {
    post_meridiem = true;
  }

  if( hours > 12 ) {
    post_meridiem = true;
    hours -= 12;
  }

  if( minutes > 59 ) {
    minutes = 59;
  }

  var result =
    (""+hours).padStart( 2, "0" ) + ":" + (""+minutes).padStart( 2, "0" ) +
    (post_meridiem ? "PM" : "AM");

  return result;
};

var tests = [
  '1:00 pm','1:00 p.m.','1:00 p','1:00pm','1:00p.m.','1:00p','1 pm',
  '1 p.m.','1 p','1pm','1p.m.', '1p', '13:00','13', '1a', '12', '12a', '12p', '12am', '12pm', '2400am', '2400pm', '2400', 
  '1000', '100', '123', '2459', '2359', '2359am', '1100', '123p',
  '1234', '1', '9', '99', '999', '9999', '99999', '0000', '0011', '-1', 'mioaw' ];

for ( var i = 0; i < tests.length; i++ ) {
  console.log( tests[i].padStart( 9, ' ' ) + " = " + tests[i].toTime() );
}

JQueryでは、新しく定義されたStringプロトタイプは次のように使用されます。

  <input type="text" class="time" />

  $(".time").change( function() {
    var $this = $(this);
    $(this).val( time.toTime() );
  });
1
Dave Jarvis

上記の関数にいくつかの変更を加えて、さらにいくつかの形式をサポートしました。

  • 1400-> 2:00 PM
  • 1.30-> 1:30 PM
  • 1：30a-> 1:30 AM
  • 100->午前1時

まだクリーンアップされていませんが、私が考えることができるすべてのために動作します。

function parseTime(timeString) {
    if (timeString == '') return null;

    var time = timeString.match(/^(\d+)([:\.](\d\d))?\s*((a|(p))m?)?$/i);

    if (time == null) return null;

    var m = parseInt(time[3], 10) || 0;
    var hours = parseInt(time[1], 10);

    if (time[4]) time[4] = time[4].toLowerCase();

    // 12 hour time
    if (hours == 12 && !time[4]) {
        hours = 12;
    }
    else if (hours == 12 && (time[4] == "am" || time[4] == "a")) {
        hours += 12;
    }
    else if (hours < 12 && (time[4] != "am" && time[4] != "a")) {
        hours += 12;
    }
    // 24 hour time
    else if(hours > 24 && hours.toString().length >= 3) {
        if(hours.toString().length == 3) {
           m = parseInt(hours.toString().substring(1,3), 10);
           hours = parseInt(hours.toString().charAt(0), 10);
        }
        else if(hours.toString().length == 4) {
           m = parseInt(hours.toString().substring(2,4), 10);
           hours = parseInt(hours.toString().substring(0,2), 10);
        }
    }

    var d = new Date();
    d.setHours(hours);
    d.setMinutes(m);
    d.setSeconds(0, 0);
    return d;
}

var tests = [
  '1:00 pm','1:00 p.m.','1:00 p','1:00pm','1:00p.m.','1:00p','1 pm',
  '1 p.m.','1 p','1pm','1p.m.', '1p', '13:00','13', '1a', '12', '12a', '12p', '12am', '12pm', '2400am', '2400pm', '2400', 
  '1000', '100', '123', '2459', '2359', '2359am', '1100', '123p',
  '1234', '1', '9', '99', '999', '9999', '99999', '0000', '0011', '-1', 'mioaw' ];

for ( var i = 0; i < tests.length; i++ ) {
  console.log( tests[i].padStart( 9, ' ' ) + " = " + parseTime(tests[i]) );
}
1
Andrew Cetinic

数秒だけが必要な場合は、ここにライナーが1つあります

const toSeconds = s => s.split(':').map(v => parseInt(v)).reverse().reduce((acc,e,i) => acc + e * Math.pow(60,i))
0
Souradeep Nanda

Patrick McElhaneyのソリューションの改善（彼は午前12時を正しく処理しません）

function parseTime( timeString ) {
var d = new Date();
var time = timeString.match(/(\d+)(:(\d\d))?\s*([pP]?)/i);
var h = parseInt(time[1], 10);
if (time[4])
{
    if (h < 12)
        h += 12;
}
else if (h == 12)
    h = 0;
d.setHours(h);
d.setMinutes(parseInt(time[3], 10) || 0);
d.setSeconds(0, 0);
return d;
}

var tests = [
  '1:00 pm','1:00 p.m.','1:00 p','1:00pm','1:00p.m.','1:00p','1 pm',
  '1 p.m.','1 p','1pm','1p.m.', '1p', '13:00','13', '1a', '12', '2400', 
  '1000', '100', '123', '2459', '2359', '2359am', '1100', '123p',
  '1234', '1', '9', '99', '999', '9999', '99999', '0000', '0011', '-1', 'mioaw' ];

for ( var i = 0; i < tests.length; i++ ) {
  console.log( tests[i].padStart( 9, ' ' ) + " = " + parseTime(tests[i]) );
}
0
Brad

たくさんの答えがありますので、もう1つは痛くないでしょう。

/**
 * Parse a time in nearly any format
 * @param {string} time - Anything like 1 p, 13, 1:05 p.m., etc.
 * @returns {Date} - Date object for the current date and time set to parsed time
*/
function parseTime(time) {
  var b = time.match(/\d+/g);
  
  // return undefined if no matches
  if (!b) return;
  
  var d = new Date();
  d.setHours(b[0]>12? b[0] : b[0]%12 + (/p/i.test(time)? 12 : 0), // hours
             /\d/.test(b[1])? b[1] : 0,     // minutes
             /\d/.test(b[2])? b[2] : 0);    // seconds
  return d;
}

var tests = [
  '1:00 pm','1:00 p.m.','1:00 p','1:00pm','1:00p.m.','1:00p','1 pm',
  '1 p.m.','1 p','1pm','1p.m.', '1p', '13:00','13', '1a', '12', '2400', 
  '1000', '100', '123', '2459', '2359', '2359am', '1100', '123p',
  '1234', '1', '9', '99', '999', '9999', '99999', '0000', '0011', '-1', 'mioaw' ];

for ( var i = 0; i < tests.length; i++ ) {
  console.log( tests[i].padStart( 9, ' ' ) + " = " + parseTime(tests[i]) );
}

適切に堅牢にするには、各値が許容値の範囲内にあることを確認する必要があります。たとえば、午前/午後の時間が1〜12である必要がある場合、そうでない場合は0〜24です。

0
RobG
/(\d+)(?::(\d\d))(?::(\d\d))?\s*([pP]?)/ 

// added test for p or P
// added seconds

d.setHours( parseInt(time[1]) + (time[4] ? 12 : 0) ); // care with new indexes
d.setMinutes( parseInt(time[2]) || 0 );
d.setSeconds( parseInt(time[3]) || 0 );

ありがとう

0
Gustavo Brian

私は他の回答に満足していなかったので、さらに別の回答を作成しました。このバージョン：

  • 秒とミリ秒を認識します
  • 「13:00 pm」や「11:65」などの無効な入力でundefinedを返します
  • localDateパラメーターを指定するとローカル時間を返し、そうでない場合はUnixエポック（1970年1月1日）のUTC時間を返します。
  • 1330のような軍事時間をサポートします（無効にするには、最初の '：'を正規表現で必要にします）
  • 24時間で1時間を許可します（つまり、「7」は午前7時を意味します）。
  • 24時間を0時間の同義語として許可しますが、25時間は許可されません。
  • 文字列の先頭にある時間が必要です（無効にするには、正規表現の^\s*を削除します）
  • 出力が正しくないことを実際に検出するテストコードがあります。

編集：現在は パッケージ で、timeToStringフォーマッターを含んでいます：npm i simplertime

/**
 * Parses a string into a Date. Supports several formats: "12", "1234",
 * "12:34", "12:34pm", "12:34 PM", "12:34:56 pm", and "12:34:56.789".
 * The time must be at the beginning of the string but can have leading spaces.
 * Anything is allowed after the time as long as the time itself appears to
 * be valid, e.g. "12:34*Z" is OK but "12345" is not.
 * @param {string} t Time string, e.g. "1435" or "2:35 PM" or "14:35:00.0"
 * @param {Date|undefined} localDate If this parameter is provided, setHours
 *        is called on it. Otherwise, setUTCHours is called on 1970/1/1.
 * @returns {Date|undefined} The parsed date, if parsing succeeded.
 */
function parseTime(t, localDate) {
  // ?: means non-capturing group and ?! is zero-width negative lookahead
  var time = t.match(/^\s*(\d\d?)(?::?(\d\d))?(?::(\d\d))?(?!\d)(\.\d+)?\s*(pm?|am?)?/i);
  if (time) {
    var hour = parseInt(time[1]), pm = (time[5] || ' ')[0].toUpperCase();
    var min = time[2] ? parseInt(time[2]) : 0;
    var sec = time[3] ? parseInt(time[3]) : 0;
    var ms = (time[4] ? parseFloat(time[4]) * 1000 : 0);
    if (pm !== ' ' && (hour == 0 || hour > 12) || hour > 24 || min >= 60 || sec >= 60)
      return undefined;
    if (pm === 'A' && hour === 12) hour = 0;
    if (pm === 'P' && hour !== 12) hour += 12;
    if (hour === 24) hour = 0;
    var date = new Date(localDate!==undefined ? localDate.valueOf() : 0);
    var set = (localDate!==undefined ? date.setHours : date.setUTCHours);
    set.call(date, hour, min, sec, ms);
    return date;
  }
  return undefined;
}

var testSuite = {
  '1300':  ['1:00 pm','1:00 P.M.','1:00 p','1:00pm','1:00p.m.','1:00p','1 pm',
            '1 p.m.','1 p','1pm','1p.m.', '1p', '13:00','13', '1:00:00PM', '1300', '13'],
  '1100':  ['11:00am', '11:00 AM', '11:00', '11:00:00', '1100'],
  '1359':  ['1:59 PM', '13:59', '13:59:00', '1359', '1359:00', '0159pm'],
  '100':   ['1:00am', '1:00 am', '0100', '1', '1a', '1 am'],
  '0':     ['00:00', '24:00', '12:00am', '12am', '12:00:00 AM', '0000', '1200 AM'],
  '30':    ['0:30', '00:30', '24:30', '00:30:00', '12:30:00 am', '0030', '1230am'],
  '1435':  ["2:35 PM", "14:35:00.0", "1435"],
  '715.5': ["7:15:30", "7:15:30am"],
  '109':   ['109'], // Three-digit numbers work (I wasn't sure if they would)
  '':      ['12:60', '11:59:99', '-12:00', 'foo', '0660', '12345', '25:00'],
};

var passed = 0;
for (var key in testSuite) {
  let num = parseFloat(key), h = num / 100 | 0;
  let m = num % 100 | 0, s = (num % 1) * 60;
  let expected = Date.UTC(1970, 0, 1, h, m, s); // Month is zero-based
  let strings = testSuite[key];
  for (let i = 0; i < strings.length; i++) {
    var result = parseTime(strings[i]);
    if (result === undefined ? key !== '' : key === '' || expected !== result.valueOf()) {
      console.log(`Test failed at ${key}:"${strings[i]}" with result ${result ? result.toUTCString() : 'undefined'}`);
    } else {
      passed++;
    }
  }
}
console.log(passed + ' tests passed.');
0
Qwertie

他の回答のコンパイル表

まず第一に、私は信じられないこれを処理できるビルトイン機能や堅牢なサードパーティライブラリさえないことを。実際、それはWeb開発なので、信じられます。

これらすべての異なるアルゴリズムを使用してすべてのEdgeケースをテストしようとすると頭が回るので、このスレッドのすべての回答とテストを手軽なテーブルにコンパイルする自由を取りました。

コード（および結果のテーブル）はインラインを含めるには無意味に大きいため、JSFiddleを作成しました。

http://jsfiddle.net/jLv16ydb/4/show

_// heres some filler code of the functions I included in the test,
// because StackOverfleaux wont let me have a jsfiddle link without code
Functions = [
    JohnResig,
    Qwertie,
    PatrickMcElhaney,
    Brad,
    NathanVillaescusa,
    DaveJarvis,
    AndrewCetinic,
    StefanHaberl,
    PieterDeZwart,
    JoeLencioni,
    Claviska,
    RobG,
    DateJS,
    MomentJS
];
// I didn't include `date-fns`, because it seems to have even more
// limited parsing than MomentJS or DateJS
_

フィドルをフォークして、アルゴリズムとテストケースを追加してください

結果と「期待される」出力との比較を追加しませんでした。「期待される」出力が議論される場合があるためです（たとえば、_12_を_12:00am_または_12:00pm_？）。表を調べて、どのアルゴリズムが最も意味があるかを確認する必要があります。

注：色は必ずしも出力の品質や「期待」を示すものではなく、出力のタイプのみを示します。

  • red = jsエラーがスローされました

  • yellow =「偽」値（undefined、null、NaN、_""_、_"invalid date"_）

  • green = js Date()オブジェクト

  • _light green_ =その他すべて

Date()オブジェクトが出力である場合、比較を容易にするために24時間_HH:mm_形式に変換します。

0
V. Rubinetti

検証を使用して、ユーザーが入力できるものを絞り込み、リストを簡略化して、解析可能な（または微調整後に解析可能な）形式のみを含めるようにしてください。

サポートされている形式で時間を入力するようユーザーに要求することをあまり求めているとは思わない。

dd：dd A（m）/ P（m）

dd A（m）/ P（m）

dd

0
Wayne

私の他のコンパイルの答え を徹底的にテストし、調査した後、@ Dave Jarvisのソリューションは、合理的な出力とエッジケース処理であると感じたものに最も近いと結論付けました。参考までに、Googleカレンダーの時間入力がテキストボックスを終了した後の時間を再フォーマットしたものを調べました。

それでも、Googleカレンダーが行った（奇妙ではあるが）エッジケースを処理していないことがわかりました。だから私はそれを一から作り直し、これが私が思いついたものです。 私のコンパイルの答え にも追加しました。

// attempt to parse string as time. return js date object
static parseTime(string) {
    string = String(string);

    var am = null;

    // check if "apm" or "pm" explicitly specified, otherwise null
    if (string.toLowerCase().includes("p")) am = false;
    else if (string.toLowerCase().includes("a")) am = true;

    string = string.replace(/\D/g, ""); // remove non-digit characters
    string = string.substring(0, 4); // take only first 4 digits
    if (string.length === 3) string = "0" + string; // consider eg "030" as "0030"
    string = string.replace(/^00/, "24"); // add 24 hours to preserve eg "0012" as "00:12" instead of "12:00", since will be converted to integer

    var time = parseInt(string); // convert to integer
    // default time if all else fails
    var hours = 12,
        minutes = 0;

    // if able to parse as int
    if (Number.isInteger(time)) {
        // treat eg "4" as "4:00pm" (or "4:00am" if "am" explicitly specified)
        if (time >= 0 && time <= 12) {
            hours = time;
            minutes = 0;
            // if "am" or "pm" not specified, establish from number
            if (am === null) {
                if (hours >= 1 && hours <= 12) am = false;
                else am = true;
            }
        }
        // treat eg "20" as "8:00pm"
        else if (time >= 13 && time <= 99) {
            hours = time % 24;
            minutes = 0;
            // if "am" or "pm" not specified, force "am"
            if (am === null) am = true;
        }
        // treat eg "52:95" as 52 hours 95 minutes 
        else if (time >= 100) {
            hours = Math.floor(time / 100); // take first two digits as hour
            minutes = time % 100; // take last two digits as minute
            // if "am" or "pm" not specified, establish from number
            if (am === null) {
                if (hours >= 1 && hours <= 12) am = false;
                else am = true;
            }
        }

        // add 12 hours if "pm"
        if (am === false && hours !== 12) hours += 12;
        // sub 12 hours if "12:00am" (midnight), making "00:00"
        if (am === true && hours === 12) hours = 0;

        // keep hours within 24 and minutes within 60
        // eg 52 hours 95 minutes becomes 4 hours 35 minutes
        hours = hours % 24;
        minutes = minutes % 60;
    }

    // convert to js date object
    var date = new Date();
    date.setHours(hours);
    date.setMinutes(minutes);
    date.setSeconds(0);
    return date;
}

これは私のニーズに最も近いと感じていますが、提案は大歓迎です。 注：これは、特定のパターンではデフォルトでam/pmであるという点でアメリカ中心です。

  • 1 => 13:00（1:00pm）
  • 1100 => 23:00（11:00pm）
  • 456 => 16:56（4:56pm）
0
V. Rubinetti