Maison > interface Web > js tutoriel > Déterminer si une date est comprise entre deux dates spécifiées via js

Déterminer si une date est comprise entre deux dates spécifiées via js

藏色散人
Libérer: 2021-08-18 17:54:22
original
3403 Les gens l'ont consulté

Dans l'article précédent "Comment utiliser JavaScript pour comparer deux dates", je vous ai présenté comment utiliser JavaScript pour comparer deux dates. Les amis intéressés peuvent le lire et en apprendre davantage~

Le sujet de cet article est de savoir comment. vérifier via javascript Une date est-elle comprise entre deux dates spécifiées ?

Maintenant, je vais vous présenter deux méthodes d'implémentation du jugement :

Dans la première méthode, nous utiliserons la méthode .split() et le constructeur new Date(). Dans la deuxième méthode, nous utiliserons la méthode .getTime() et le constructeur new Date().

La première méthode :

Le code est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
    <style>
        body {
            text-align: center;
        }
        h1 {
            color: red;
        }
        #demo {
            font-weight: bold;
        }
    </style>

</head>
<body>
<h1>PHP中文网</h1>

<p>
    日期 1 = "06/04/2019"
    日期 2 = "07/10/2019"
    <br>待检查的日期 = "02/12/2019"
</p>

<button onclick="gfg_Run()">
    点击这里
</button>

<p id="demo"></p>

<script>
    var el_down = document.getElementById("demo");

    // 格式- MM/DD/YYYY
    var Date_1 = "06/04/2019";
    var Date_2 = "07/10/2019";
    var Date_to_check = "02/12/2019";

    function gfg_Run() {
        D_1 = Date_1.split("/");
        D_2 = Date_2.split("/");
        D_3 = Date_to_check.split("/");

        var d1 = new Date(D_1[2], parseInt(D_1[1]) - 1, D_1[0]);
        var d2 = new Date(D_2[2], parseInt(D_2[1]) - 1, D_2[0]);
        var d3 = new Date(D_3[2], parseInt(D_3[1]) - 1, D_3[0]);

        if (d3 > d1 && d3 < d2) {
            el_down.innerHTML = "该日期在日期1和日期2之间 "
                ;
        } else {
            el_down.innerHTML = "该日期不在日期1和日期2之间 "
                ;
        }
    }
</script>
</body>
</html>
Copier après la connexion

L'effet de course est le suivant :

GIF 2021-8-18 星期三 下午 3-37-55.gif

La deuxième méthode :

Le code est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
    <style>
        body {
            text-align: center;
        }
        h1 {
            color:#ff7800;
        }
        #demo {
            font-weight: bold;
        }
    </style>

</head>
<body>
<h1>PHP中文网</h1>

<p>
    日期 1 = "06/04/2019"
    日期 2 = "07/10/2019"
    <br>待检查的日期 = "02/8/2019"
</p>

<button onclick="gfg_Run()">
    点击这里
</button>

<p id="demo"></p>

<script>
    var el_down = document.getElementById("demo");

    // 格式 - MM/DD/YYYY
    var D1 = "06/04/2019";
    var D2 = "07/10/2019";
    var D3 = "02/8/2019";

    function gfg_Run() {
        D1 = new Date(D1);
        D2 = new Date(D2);
        D3 = new Date(D3);

        if (D3.getTime() <= D2.getTime()
            && D3.getTime() >= D1.getTime()) {
            el_down.innerHTML = "该日期在日期1和日期2之间"
                ;
        } else {
            el_down.innerHTML = "该日期在日期1和日期2之间"
                ;
        }
    }
</script>
</body>
</html>
Copier après la connexion

Le l'effet en cours est le suivant :

GIF 2021-8-18 星期三 下午 3-42-51.gif

Remarque :

La méthode split() est utilisée pour diviser une chaîne en un tableau de chaînes split()方法用于把一个字符串分割成字符串数组;

getTime()方法可返回距 1970 年 1 月 1 日之间的毫秒数;

Date对象用于处理日期与时间:

创建 Date 对象: new Date()

getTime()</code ; > la méthode peut renvoyer la date depuis janvier 1970 Le nombre de millisecondes entre 1 jour ; <p></p>L'objet <code>Date est utilisé pour traiter les dates et les heures :

Créer un objet Date : new Date() Les quatre méthodes suivantes sont identiques Vous pouvez créer des objets Date :

var d = new Date();
var d = new Date(milliseconds);
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);
Copier après la connexion
Enfin, je voudrais recommander "🎜🎜Tutoriel de base de JavaScript🎜🎜" ~ Bienvenue à tous pour apprendre ~🎜

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!

Étiquettes associées:
js
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal