danielhagnoul

Nous utiliserons, bien entendu, l'incontournable moment.js : https://momentjs.com/

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/locale/fr.js"></script>

Les explications sur ce sujet existent, mais elle se trouve dans les profondeurs de la documentation anglaise.

Il suffit de définir la fonction locale méridien en fonction de vos besoins

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
moment.locale('fr');
 
moment.updateLocale('fr', {
    meridiem: function (hours) {
        if (hours >= 7 && hours <= 21) { // Jour entre 7 h et 21 h
            return 'jour';
        } else { // Nuit entre 22 h et 6 h
            return 'nuit';
        }
    }
});
 
let
    dateActuelle = moment(),
    date1 = moment('2018-09-18 07:35:52'), // jour > 6
    date2 = moment('2018-09-18 21:35:52'), // jour < 22
    date3 = moment('2018-09-19 06:35:52'), // nuit < 7
    date4 = moment('2018-09-19 22:00:00'); // nuit > 21
 
console.log(`date1 = ${ date1.format() }`);
console.log(`date1._locale.meridiem(date1.hours()) = ${ date1._locale.meridiem(date1.hours()) }`);
console.log('---------');
console.log(`date2 = ${ date2.format() }`);
console.log(`date2._locale.meridiem(date2.hours()) = ${ date2._locale.meridiem(date2.hours()) }`);
console.log('---------');
console.log(`date3 = ${ date3.format() }`);
console.log(`date3._locale.meridiem(date3.hours()) = ${ date3._locale.meridiem(date3.hours()) }`);
console.log('---------');
console.log(`date4 = ${ date4.format() }`);
console.log(`date4._locale.meridiem(date4.hours()) = ${ date3._locale.meridiem(date4.hours()) }`);
console.log('---------');
console.log(`dateActuelle = ${ dateActuelle.format() }`);
console.log(`dateActuelle._locale.meridiem(dateActuelle.hours()) = ${ dateActuelle._locale.meridiem(dateActuelle.hours()) }`);
 
/*
date1 = 2018-09-18T07:35:52+02:00
date1._locale.meridiem(date1.hours()) = jour
---------
date2 = 2018-09-18T21:35:52+02:00
date2._locale.meridiem(date2.hours()) = jour
---------
date3 = 2018-09-19T06:35:52+02:00
date3._locale.meridiem(date3.hours()) = nuit
---------
date4 = 2018-09-19T22:00:00+02:00
date4._locale.meridiem(date4.hours()) = nuit
---------
dateActuelle = 2018-08-24T21:44:20+02:00
dateActuelle._locale.meridiem(dateActuelle.hours()) = jour
*/

Licence Creative Commons Attribution 2.0 Belgique