Was ist der beste Weg, um eine Zeit zu einem Date-Objekt von Benutzereingaben in Javascript zu analysieren?

https://stackoverflow.com/questions/141348

02-07-2019
|

Frage

Ich arbeite in einem Formular-Widget für die Benutzer eine Tageszeit in ein Texteingabe eingeben (für eine Kalenderanwendung). Mit Hilfe von JavaScript (wir verwenden jQuery FWIW), ich möchte den besten Weg zu finden, um den Text zu analysieren, die der Benutzer tritt in ein JavaScript-Objekt Date() so dass ich leicht Vergleiche und andere Dinge auf sie ausführen kann.

Ich habe versucht, die parse() Methode, und es ist ein wenig zu anspruchsvoll für meine Bedürfnisse. Ich würde erwarten, es in der Lage sein, erfolgreich folgende Beispiel Eingabezeiten zu analysieren (zusätzlich zu anderen logisch ähnlichen Zeitformaten) als das gleiche Date() Objekt:

01.00
01.00 Uhr Ortszeit.
01.00 p
01.00
01.00 Uhr Ortszeit.
1: 00p
01.00
1 p.m.
1 p
01.00
1 p.m.
1 p
13.00 Uhr
13

Ich denke, dass ich reguläre Ausdrücke verwenden, könnte die Eingabe aufzuspalten und extrahieren Sie die Informationen, die ich verwenden möchte, dass meine Date() Objekt zu erstellen. Was ist der beste Weg, dies zu tun?

Lösung

Eine schnelle Lösung, die auf den Eingang arbeitet, die Sie festgelegt haben:

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 (unter Umständen auch vormittags verwendet wird, es wird immer noch funktionieren - zum Beispiel). Natürlich ist dies ziemlich grob, aber es ist auch ziemlich leicht (viel billiger zu verwenden, die als eine vollständige Bibliothek, zum Beispiel).

. Achtung: Der Code doe nicht mit 00.00 arbeiten, etc

Andere Tipps

Alle Beispiele bereitgestellt nicht für Zeiten von 0.00 bis 12.59 Uhr arbeiten. Sie werfen auch einen Fehler, wenn der Regex keine Zeit entspricht. Die folgenden Griffe folgt aus:

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 wird für Strings arbeiten, die eine Zeit überall in ihnen enthalten. So „abcde12: 00pmdef“ würde analysiert und 12.00 zurück. Wenn das gewünschte Ergebnis ist, dass es nur eine Zeit zurück, wenn die Zeichenfolge nur eine Zeit, in der sie enthält der folgende reguläre Ausdruck verwendet werden kann, vorausgesetzt, Sie „Zeit [4]“ ersetzen mit „Zeit [6]“.

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

Stören Sie nicht es selbst tun, nur benutzen datejs .

Die meisten der regex Lösungen hier Fehler auswerfen, wenn die Zeichenfolge nicht analysiert werden kann, und nicht viele von ihnen machen Strings wie 1330 oder 130pm. Auch wenn diese Formate nicht vom OP angegeben wurden, finde ich sie kritisch für das Parsen von Daten Eingabe durch die Menschen.

All dies hat mich zu denken, dass ein regulären Ausdruck nicht der beste Ansatz für diese sein könnte.

Meine Lösung ist eine Funktion, die nicht nur die Zeit analysiert, sondern auch ermöglicht es Ihnen, ein Ausgabeformat und einen Schritt (Intervall), bei dem angeben abzurunden Minuten. Bei etwa 70 Zeilen, dann ist es immer noch leicht und analysiert alle oben genannten Formate sowie diejenigen ohne Doppelpunkte.

Demo: http://jsfiddle.net/HwwzS/1/
Code: https://gist.github.com/claviska/4744736

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

Hier ist eine Verbesserung auf Joes 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:

hinzugefügt radix Parameter an die parseInt () aufruft (so beschweren JSLint nicht).
Aus dem regex Fall-insenstive so "2.23" funktioniert wie "2.23"

Ich kam in ein paar Knicke in John Resig-Lösung zu implementieren. Hier ist die modifizierte Funktion, die ich auf seine Antwort basiert werden:

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

AnyTime.Converter können Daten / Zeiten in vielen verschiedenen Formaten analysieren:

http://www.ama3.com/anytime/

Das Zeit Paket ist 0.9kbs groß. Erhältlich mit NPM und Bower Paketmanager.

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

Dies ist ein robuster Ansatz, der berücksichtigt, wie die Nutzer beabsichtigen, diese Art der Eingabe zu verwenden. Zum Beispiel, wenn ein Benutzer „12“ eingegeben, würde man erwarten sie es 12.00 (mittags), und nicht 00.00 sein. Die unten Funktion verarbeitet das alles. Es ist auch hier: http: //blog.de-zwart .net / 2010-02 / javascript-Parsing-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, so können Sie es wie so verwenden:

var str = '12am';
var date = str.parseTime();

Hier ist eine Lösung mehr für alle diejenigen, die einen 24-Stunden-Takt verwenden, das unterstützt:

0820 -> 8.20
32 -> 3.02
124 -> 0.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]) );
}

Ich habe einige Änderungen an der Funktion oben gemacht ein paar mehr Formate zu unterstützen.

1400 -> 14.00 Uhr
1.30 -> 01.30
1: 30a -> 01.30
100 -> 01.00

Ist es noch nicht gereinigt, sondern arbeitet 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]) );
}

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

Sie fest, ob Meridian post meridiem .
Konvertieren Eingabestellen auf einen ganzzahligen Wert.
Zeit zwischen 0 und 24: Stunde ist die Uhr, keine Minuten (Stunden 12 Uhr)
Zeit zwischen 100 und 2359. Stunden div 100 ist die Uhr, Minuten mod 100 Rest
Zeit von 2400 auf: Stunden ist Mitternacht, mit Minuten Rest
Wenn Stunden 12 überschreitet, subtrahieren 12 und Kraft post meridiem wahr.
Wenn Minuten überschreitet 59, Kraft bis 59.

Konvertieren der Stunden, Minuten und post meridiem zu einem Date-Objekt ist eine Übung für den Leser (zahlreiche weitere Antworten zeigen, wie dies zu tun).

"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, die neu definierte String Prototyp wird wie folgt verwendet:

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

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

Warum nicht Validierung verwenden zu verengen, was ein Benutzer in setzen kann und die Liste vereinfacht nur Formate enthalten, die (oder analysierten nach einigen Optimierungen) analysiert werden können.

Ich glaube nicht, dass es zu viel verlangt, um einen Benutzer zu verlangen, eine Zeit in einem unterstützten Format zu setzen.

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

dd A (m) / P (m)

/(\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 );

Dank

Viele Antworten so eine mehr nicht schaden.

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

richtig robust sein, sollte überprüfen, dass jeder Wert innerhalb des Bereichs der zulässigen Werte ist, beispiel wenn am / pm Stunden 1 bis einschließlich 12 sein muss, sonst 0 bis 24 einschließlich, etc.

Eine Verbesserung Patrick McElhaney-Lösung (seine nicht verarbeitet 00.00 korrekt)

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

war ich mit den anderen Antworten nicht zufrieden damit ich noch ein anderes gemacht. Diese Version:

erkennt Sekunden und Millisekunden
Returns undefined auf ungültige Eingaben wie "13:00" oder "11:65"
Gibt eine lokale Zeit, wenn Sie einen localDate Parameter angeben, sonst gibt eine UTC-Zeit auf der Unix-Epoche (1. Januar 1970).
Unterstützung Militärzeit wie 1330 (zu deaktivieren, die erste machen ':' in der Regex erforderlich)
Ermöglicht eine Stunde von selbst, mit 24-Stunden-Zeit (das heißt "7" bedeutet, 07.00).
Erlaubt Stunde 24 als Synonym für Stunde 0, aber Stunde 25 ist nicht erlaubt.
Benötigt die Zeit zu Beginn der Zeichenfolge zu sein (zu deaktivieren, entfernen ^\s* in der Regex)
Hat Testcode, der erkennt, tatsächlich, wenn der Ausgang nicht korrekt ist.

Edit: es ist jetzt ein Paket einschließlich einer 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.');

Wenn Sie nur ein paar Sekunden wollen hier ist ein Motto

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

Compilation Tabelle von anderen Antworten

Zu allererst I kann nicht glauben, , dass es keine integrierte Funktionalität ist oder sogar eine robuste Bibliothek von dritter Seite, die damit umgehen können. Eigentlich ist es Web-Entwicklung, damit ich es glauben kann.

Der Versuch, alle Grenzfälle mit all diesen verschiedenen Algorithmen zu testen, wurde mein Kopf drehen zu machen, so habe ich die Freiheit, alle in diesem Thread in eine praktische Tabelle sind die Antworten und Tests kompilieren.

Der Code (und die daraus resultierende Tabelle) ist zwecklos große Inline enthalten, also habe ich eine 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 gabeln und mehr Algorithmen und Testfälle

hinzufügen

Ich habe füge keine Vergleiche zwischen dem Ergebnis und der „erwarteten“ ausgegeben, denn es gibt Fälle, in denen der „erwartete“ Ausgang diskutiert werden könnte (zB sollte als 12 oder 12:00am interpretiert 12:00pm werden?). Sie werden den Tisch gehen und sehen müssen, welcher Algorithmus die am meisten Sinn macht für Sie.

Hinweis: Die Farben nicht unbedingt Qualität oder „Erwartbarkeit“ die Ausgabe angeben, sie nur die Art der Ausgabe angeben:

red = js Fehler ausgelöst
yellow = "falsy" -Wert (undefined, null, NaN, "", "invalid date")
green = js Date() Objekt
light green = alles andere

Wenn ein Date() Objekt wird der Ausgang, ich wandle es in 24 Stunden HH:mm Format zur Erleichterung des Vergleichs.

Nach gründlicher Prüfung und Untersuchung durch mein compilation Antwort , schloss ich, dass @ Dave Jarvis-Lösung in der Nähe von war, was ich fühlte angemessene Ausgaben und kanten Fall-Handhabung waren. Als Referenz, sah ich, was Zeit des Google Calendar Eingänge die Zeit nach dem Verlassen des Textfeld neu formatiert.

Sogar noch, sah ich, dass es nicht einige (wenn auch seltsam) edge Fälle, dass Google Kalender tat umgegangen. So überarbeitet ich es von Grund auf, und das ist, was ich kam mit. Ich habe es auch mein Kompilation Antwort .

// 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 glaube, dass dies die am nächsten ist, die ich für meine Bedürfnisse zu bekommen, aber Anregungen sind willkommen. Hinweis: Dies ist amerikanisch-centric, dass es standardmäßig am / pm für bestimmte Muster:

1 => 13:00 (1:00pm)
1100 => 23:00 (11:00pm)
456 => 16:56 (4:56pm)

Lizenziert unter: CC-BY-SA mit Zuschreibung

Nicht verbunden mit StackOverflow