Vergleichen Sie die Zeit am selben Tag über JavaScript

Bei der Projektentwicklung stoßen wir oft auf Zeitvergleiche am selben Tag. Unten habe ich Ihnen JavaScript-Beispielcode zum Vergleichen von Zeitgrößen am selben Tag zusammengestellt.

Im Projekt Entwicklung Dabei kommt es manchmal zu Zeitvergleichen innerhalb desselben Tages. In der Regel wird die Zeitauswahl über ein Plug-In umgesetzt, was jedoch nicht ausschließt, dass Kunden eine manuelle Eingabe benötigen.

Wie kann man 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;

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(':');

2. Überprüfen Sie, ob das Zeitformat korrekt ist:

//      正则验证时间格式，正确的时间范围(通过返回时间戳格式，否则返回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;
}

3. Methode 1: Vergleichen Sie die Zeitgröße anhand des Zeitstempels (muss bevor dies durchgeführt werden kann) Größenvergleich)

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

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

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

Methode 3: Vergleichen Sie die Zeit Größe durch Berechnen der Gesamtzahl der Sekunden

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("提交成功");
        }

Das Obige habe ich für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Verwenden Sie v-for, um die Methode zum Zuweisen von Werten zum src-Attribut über Vue zu implementieren (ausführliches Tutorial)

Über Vue implementiert v-for die Methode zum Laden lokaler statischer Bilder (detailliertes Tutorial)

So lösen Sie das Problem von Rot und Warnung bei Verwendung von v-for in Vue (detailliert). Tutorial)

Das obige ist der detaillierte Inhalt vonVergleichen Sie die Zeit am selben Tag über JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!