Heim  >  Artikel  >  Web-Frontend  >  JavaScript vergleicht Zeiten desselben Tages

JavaScript vergleicht Zeiten desselben Tages

小云云
小云云Original
2018-02-11 09:41:471701Durchsuche

Im Prozess der Projektentwicklung kommt es manchmal vor, dass Zeitvergleiche innerhalb desselben Tages durchgeführt werden. Im Allgemeinen erfolgt die Zeitauswahl über Plug-Ins. Dies schließt jedoch nicht aus, dass Kunden manuelle Eingaben benötigen. Wie lässt sich das also umsetzen, wenn man die Zeit auf Wunsch des Kunden manuell eingibt und Zeitgrößen vergleichen muss? Das Folgende ist eine kurze Einführung in die Schritte, die ich implementiert habe:

Erstens die vom Benutzer eingegebenen Inhalte

🎜>3. Vergleichen Sie die Zeit (drei Methoden zum Vergleichen der Zeit, Einzelheiten finden Sie im folgenden Code);

4.

Das Folgende ist ein Beispielcode, der nur als Referenz dient:

1. Holen Sie sich die beiden vom Benutzer eingegebenen Zeiten und ersetzen Sie alle vom Benutzer eingegebenen Doppelpunkte durch Doppelpunkte halber Breite, um das Nachfolgen zu erleichtern Operationen;

2. Überprüfen Sie, ob das Zeitformat korrekt ist:
var bagin = $('.input_three').val().replace(/:/g,':');//将全角冒号替换为半角冒号,替换的目的是为了通过半角冒号分割字符
      var end = $('.input_four').val().replace(/:/g,':');
//     替换字符串中的某个字符:.replace(':',':'):只替换字符串中的第一个全角冒号;.replace(/:/g,':'):替换字符串中的所有的全角冒号
//将时间以冒号分割:以下比较时间大小的方法中会用到
var bagin_ = bagin.split(':');
var end_ = end.split(':');

3. Methode 1: Vergleichen Sie die Zeitgröße nach Zeitstempel (muss in das Zeitstempelformat konvertiert werden, kann zum Größenvergleich verwendet werden)

//      正则验证时间格式,正确的时间范围(通过返回时间戳格式,否则返回null)
//     [0-9]在范围内取其一;?是取之前字符的0个或者1个;也可以解释为非贪婪模式;|或者
      var bagin_r = bagin.match(/^([0-1]?[0-9]|2[0-3])(:|:)([0-5][0-9])(:|:)([0-5][0-9])$/);
      var end_r = end.match(/^([0-1]?[0-9]|2[0-3])(:|:)([0-5][0-9])(:|:)([0-5][0-9])$/);
if(bagin_r==null){
  alert("请输入正确的营业时间,00:00:00-23:59:59");
  return false;
}

if(end_r==null){
  alert("请输入正确的截止时间,00:00:00-23:59:59");
  return false;
}

Methode 2: Holen Sie sich die Stunden, Minuten und Sekunden der Eingabezeit zur Beurteilung

Methode 3: Vergleichen Sie die Zeitgröße, indem Sie die Gesamtzahl der Sekunden berechnen
if(bagin_r[1]>end_r[1]||bagin_r[1]==end_r[1]&&bagin_r[3]>end_r[3]||bagin_r[1]==end_r[1]&&bagin_r[3]==end_r[3]&&bagin_r[5]>=end_r[5]){
//         alert("开始时间不能大于等于结束时间");
//         return false;
//       }

Verwandte Empfehlungen:
if(bagin_[0]>end_[0]||bagin_[0]==end_[0]&&bagin_[1]>end_[1]||bagin_[0]==end_[0]&&bagin_[1]==end_[1]&&bagin_[2]>=end_[2]){
//       alert("开始时间不能大于等于结束时间");
//         return false;
//     }

Detailliertes Anwendungsbeispiel für die Konvertierung von Javascript-Zeitstempeln in das Datumsformat
var bagin_time = bagin_[0]*3600 + bagin_[1]*60 + bagin_[2];
      var end_time = end_[0]*3600 + end_[1]*60 + end_[2];
      if(bagin_time >= end_time){
        alert("开始时间不能大于等于结束时间");
          return false;
      }
//       
        else{
         alert("提交成功");
        }

Zusammenfassung der Javascript-Zeitverarbeitungsmethoden (empfohlen)

Javascript-Zeitobjekt-Tutorial

Das obige ist der detaillierte Inhalt vonJavaScript vergleicht Zeiten desselben Tages. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn