Comparez l'heure le même jour via JavaScript

Dans le développement de projets, nous rencontrons souvent des comparaisons de temps au cours d'une même journée. Ci-dessous, je vous ai présenté un exemple de code JavaScript pour comparer les durées le même jour. Les amis qui en ont besoin peuvent s'y référer

Dans le projet. développement Au cours du processus, vous rencontrerez parfois des comparaisons de temps au cours de la même journée. De manière générale, la sélection de l'heure est mise en œuvre via un plug-in, mais cela n'exclut pas la situation dans laquelle les clients exigent une saisie manuelle.

Alors, comment mettre en œuvre cela lors de la saisie manuelle du temps à la demande du client et devant comparer les durées ? Ce qui suit est une brève introduction aux étapes que j'ai mises en œuvre :

1. Tout d'abord, obtenez le contenu saisi par l'utilisateur

2. Vérifiez si le format de l'heure est correct ; 🎜>3. Comparez les deux La taille du temps (trois méthodes de comparaison du temps sont organisées, veuillez consulter le code suivant pour plus de détails) ;

4.

Ce qui suit est un exemple de code à titre de référence uniquement :

1. Obtenez les deux fois saisies par l'utilisateur et remplacez tous les deux-points saisis par l'utilisateur par des deux-points demi-largeur pour faciliter les opérations ultérieures. opérations ;

2. Vérifiez si le format de l'heure est correct :

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. Comparez la taille de l'heure :

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

Méthode 1 : Comparez la taille de l'heure. par horodatage (doit être converti au format d'horodatage peut être utilisé pour la comparaison de taille)

Méthode 2 : Obtenez les heures, les minutes et les secondes de l'heure d'entrée pour juger

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

Méthode 3 : Comparez la durée en calculant le nombre total de secondes

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

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

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

Articles associés :

Utilisez v-for pour implémenter la méthode d'attribution de valeurs à l'attribut src via Vue (tutoriel détaillé)

Grâce à vue, v-for implémente la méthode de chargement d'images statiques locales (tutoriel détaillé)

Comment résoudre le problème du rouge et des avertissements lors de l'utilisation de v-for dans vue (détail tutoriel)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!