it-swarm.com.de

Was ist der beste Weg, um eine Zeit in ein Date-Objekt aus Benutzereingaben in Javascript zu parsen?

Ich arbeite an einem Formular-Widget, in das Benutzer eine Uhrzeit in eine Texteingabe eingeben können (für eine Kalenderanwendung). Mit JavaScript (wir verwenden jQuery FWIW) möchte ich den besten Weg finden, um den Text zu analysieren, den der Benutzer in ein JavaScript-Objekt Date() eingibt, damit ich leicht Vergleiche und andere Dinge daran vornehmen kann.

Ich habe die parse() Methode ausprobiert und ist für meine Bedürfnisse etwas zu pingelig. Ich würde erwarten, dass es folgende Beispieleingaben (zusätzlich zu anderen logisch ähnlichen Zeitformaten) erfolgreich als dasselbe Date() -Objekt parsen kann:

  • 1:00 Uhr Nachmittags
  • 1:00 Uhr Nachmittags.
  • 1:00 p
  • 1:00 Uhr Nachmittags
  • 1:00 Uhr Nachmittags.
  • 1: 00p
  • 13 Uhr
  • 1 Uhr nachmittags.
  • 1 p
  • 13 Uhr
  • 13.00 Uhr.
  • 1p
  • 13:00 Uhr
  • 13

Ich denke, ich könnte reguläre Ausdrücke verwenden, um die Eingabe aufzuteilen und die Informationen zu extrahieren, die ich zum Erstellen meines Date()-Objekts verwenden möchte. Was ist der beste Weg, dies zu tun?

62
Joe Lencioni

Eine schnelle Lösung, die mit der von Ihnen angegebenen Eingabe funktioniert:

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]) );
}

Es sollte auch für einige andere Sorten funktionieren (selbst wenn AM verwendet wird, funktioniert es immer noch - zum Beispiel). Offensichtlich ist das ziemlich grob, aber es ist auch ziemlich leicht (viel billiger als zum Beispiel eine vollständige Bibliothek). 

Warnung: Der Code funktioniert nicht mit 12:00 Uhr usw.

68
John Resig

Alle angeführten Beispiele funktionieren für Zeiten von 12:00 Uhr bis 12:59 Uhr nicht. Sie geben auch einen Fehler aus, wenn der Regex nicht mit einer Zeit übereinstimmt. Folgendes behandelt dies:

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]) );
}

Dies funktioniert für Zeichenfolgen, die irgendwo eine Zeit enthalten. "Abcde12: 00pmdef" würde also analysiert und um 12 Uhr zurückgegeben werden. Wenn das gewünschte Ergebnis ist, dass nur eine Zeit zurückgegeben wird, zu der die Zeichenfolge nur eine Zeit enthält, kann der folgende reguläre Ausdruck verwendet werden, sofern Sie "time [4]" durch "time [6]" ersetzen.

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

Machen Sie sich nicht die Mühe, dies selbst zu tun, verwenden Sie einfach datejs .

35
Jim

Die meisten regulären Ausdrücke lösen hier Fehler aus, wenn die Zeichenfolge nicht analysiert werden kann, und nicht viele von ihnen berücksichtigen Zeichenfolgen wie 1330 oder 130pm. Obwohl diese Formate nicht vom OP festgelegt wurden, finde ich sie für das Analysieren von Datumsangaben durch den Menschen kritisch.

All das brachte mich zu der Annahme, dass die Verwendung eines regulären Ausdrucks dafür möglicherweise nicht die beste Vorgehensweise ist.

Meine Lösung ist eine Funktion, die nicht nur die Zeit analysiert, sondern auch die Angabe eines Ausgabeformats und eines Schrittes (Intervalls) ermöglicht, in dem die Minuten gerundet werden sollen. Mit etwa 70 Zeilen ist es immer noch leicht und analysiert alle zuvor genannten Formate sowie Formate ohne Doppelpunkte.

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

Hier ist eine Verbesserung von Joe Version . Fühlen Sie sich frei, um es weiter zu bearbeiten.

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]) );
}

Änderungen:

  • Radix-Parameter zu den parseInt () - Aufrufen hinzugefügt (so dass sich jslint nicht beschwert). 
  • Der Regex-Fall-insenstive wurde so erstellt, dass "14:23" wie "14:23" funktioniert.
10

Bei der Implementierung der Lösung von John Resig kam ich auf ein paar Probleme. Hier ist die modifizierte Funktion, die ich aufgrund seiner Antwort verwendet habe:

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

Dies ist ein robusterer Ansatz, der berücksichtigt, wie Benutzer diese Art von Eingaben verwenden möchten. Wenn ein Benutzer beispielsweise "12" eingibt, wird erwartet, dass es 12 Uhr mittags ist und nicht um 12 Uhr. Die unten stehende Funktion behandelt all dies. Es ist auch hier verfügbar: 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() );
}

Dies ist ein String-Prototyp, also kannst du ihn wie folgt verwenden:

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

AnyTime.Converter kann Datumsangaben in vielen verschiedenen Formaten analysieren:

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

Hier ist eine Lösung für alle, die eine 24h-Uhr verwenden, die Folgendes unterstützt:

  • 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

Das Paket time hat eine Größe von 0,9 kbs. Verfügbar mit NPM- und Bower-Paketmanagern.

Hier ist ein Beispiel direkt aus dem 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

Hier ist ein weiterer Ansatz, der die ursprüngliche Antwort, eine beliebige Anzahl von Ziffern, die Dateneingabe durch Katzen und logische Fehler abdeckt. Der Algorithmus folgt:

  1. Bestimmen Sie, ob Meridian post meridiem ist.
  2. Konvertieren Sie Eingabeziffern in einen ganzzahligen Wert.
  3. Zeit zwischen 0 und 24: Stunde ist die Uhr, keine Minuten (Stunden 12 ist PM).
  4. Zeit zwischen 100 und 2359: Stunden Div 100 ist die Uhr, Minuten Mod 100 Rest.
  5. Zeit ab 2400: Stunden ist Mitternacht, Minuten übrig.
  6. Wenn Stunden 12 überschreiten, subtrahieren Sie 12 und erzwingen Sie post meridiem true.
  7. Wenn die Minuten 59 überschreiten, erzwingen Sie die 59.

Die Umwandlung der Stunden, Minuten und des Post-Meridiem in ein Date-Objekt ist eine Übung für den Leser (zahlreiche andere Antworten zeigen, wie dies ausgeführt wird).

"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() );
}

Mit jQuery wird der neu definierte String-Prototyp wie folgt verwendet:

  <input type="text" class="time" />
  $(".time").change( function() {
    var $this = $(this);
    $(this).val( time.toTime() );
  });
1
Dave Jarvis

Ich habe einige Änderungen an der obigen Funktion vorgenommen, um einige weitere Formate zu unterstützen.

  • 1400 -> 14:00 Uhr
  • 13.30 -> 13.30 Uhr
  • 1: 30a -> 1:30 Uhr
  • 100 -> 1:00 Uhr

Es ist noch nicht aufgeräumt, funktioniert aber für alles, was ich mir vorstellen kann.

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

Wenn Sie nur Sekunden wollen, ist hier ein Einzeiler

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

Eine Verbesserung der Lösung von Patrick McElhaney (er kann um 12 Uhr morgens nicht richtig arbeiten)

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

Viele Antworten, so dass eine weitere nicht schaden wird. 

/**
 * 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]) );
}

Um richtig robust zu sein, sollte überprüft werden, ob sich jeder Wert innerhalb des zulässigen Wertebereichs befindet, z. B. wenn am/pm Stunden 1 bis einschließlich 12 sein müssen, andernfalls 0 bis einschließlich 24 usw.

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 );

vielen Dank

0
Gustavo Brian

Ich war mit den anderen Antworten nicht zufrieden, also machte ich noch eine. Diese Version:

  • Erkennt Sekunden und Millisekunden
  • Gibt undefined bei ungültiger Eingabe wie "13:00 pm" oder "11:65" zurück
  • Gibt eine Ortszeit zurück, wenn Sie einen localDate-Parameter angeben, ansonsten eine UTC-Zeit in der Unix-Epoche (1. Januar 1970).
  • Unterstützt militärische Zeit wie 1330 (zum Deaktivieren muss das erste ':' in der Regex angegeben werden)
  • Erlaubt eine Stunde allein mit 24 Stunden (d. H. "7" bedeutet 7 Uhr).
  • Ermöglicht Stunde 24 als Synonym für Stunde 0, aber Stunde 25 ist nicht zulässig.
  • Erfordert, dass die Zeit am Anfang der Zeichenfolge steht (zum Deaktivieren von ^\s* in der regulären Ausdrücke)
  • Hat einen Testcode, der tatsächlich erkennt, wenn die Ausgabe falsch ist.

Edit: es ist jetzt ein Paket mit einem timeToString-Formatierer: 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

Zusammenstellungstabelle anderer Antworten

Zuallererst kann ich kann nicht glauben _, dass es keine integrierte Funktionalität oder nicht einmal eine robuste Bibliothek eines Drittanbieters gibt, die damit umgehen kann. Eigentlich ist es Webentwicklung, also kann ich es glauben.

Der Versuch, alle Edge-Fälle mit all diesen verschiedenen Algorithmen zu testen, brachte mich auf den Kopf. Daher erlaubte ich mir, alle Antworten und Tests in diesem Thread in einer praktischen Tabelle zusammenzustellen.

Der Code (und die resultierende Tabelle) ist sinnlos groß, um Inline aufzunehmen. Ich habe also ein JSFiddle gemacht:

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

Bitte zögern Sie nicht, meine Geige zu sperren und weitere Algorithmen und Testfälle hinzuzufügen

Ich habe keine Vergleiche zwischen dem Ergebnis und der "erwarteten" Ausgabe hinzugefügt, da es Fälle gibt, in denen die "erwartete" Ausgabe debattiert werden könnte (zB sollte 12 als 12:00am oder 12:00pm?) Interpretiert werden. Sie müssen durch die Tabelle gehen und sehen, welcher Algorithmus für Sie am sinnvollsten ist.

Hinweis: Die Farben geben nicht unbedingt die Qualität oder "Erwartung" der Ausgabe an, sie zeigen nur die Art der Ausgabe an:

  • red = js Fehler geworfen

  • yellow = "falscher" Wert (undefined, null, NaN, "", "invalid date")

  • green = js Date() Objekt

  • light green = alles andere

Wo ein Date()-Objekt die Ausgabe ist, konvertiere ich es zum leichteren Vergleich in das 24-Stunden-HH:mm-Format.

0
V. Rubinetti

Warum nicht mit der Validierung eingrenzen, was ein Benutzer eingeben kann, und die Liste so vereinfachen, dass nur Formate analysiert werden, die analysiert werden können (oder nach einigen Optimierungen analysiert werden können)?.

Ich denke nicht, dass es zu viel verlangt, wenn ein Benutzer eine Uhrzeit in ein unterstütztes Format einstellt.

dd: dd A (m)/P (m)

dd A (m)/P (m)

dd

0
Wayne

Nach eingehenden Tests und Ermittlungen durch meine andere Antwort auf die Compilierung kam ich zu dem Schluss, dass die Lösung von @Dave Jarvis am nächsten an meiner Meinung nach vernünftigen Ergebnissen und Edge-Case-Handling lag. Zu Referenzzwecken habe ich nach dem Beenden des Textfelds die Zeitangaben des Google Kalenders umformatiert.

Trotzdem habe ich gesehen, dass es einige (wenn auch seltsame) Edge-Fälle wie Google Calendar nicht handhabte. Also habe ich es von Grund auf überarbeitet und das ist es, worauf ich gekommen bin. Ich habe es auch zu meine Antwort auf die Kompilierung hinzugefügt.

// 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;
}

Ich habe das Gefühl, dass dies das Beste ist, was ich für meine Bedürfnisse erreichen kann, aber Vorschläge sind willkommen. Anmerkung: Dies ist in den USA zentriert, da es bei bestimmten Mustern standardmäßig am/pm ist:

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