J'essaie de créer un tableau de temps (chaînes, pas d'objets Date
) pour chaque minute X pendant 24 heures. Par exemple, pour un intervalle de 5 minutes, le tableau serait:
['12:00 AM', '12:05 AM', '12:10 AM', '12:15 AM', ..., '11:55 PM']
Ma solution rapide et sale consistait à utiliser 3 boucles for
imbriquées:
var times = []
, periods = ['AM', 'PM']
, hours = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
, prop = null
, hour = null
, min = null;
for (prop in periods) {
for (hour in hours) {
for (min = 0; min < 60; min += 5) {
times.Push(('0' + hours[hour]).slice(-2) + ':' + ('0' + min).slice(-2) + " " + periods[prop]);
}
}
}
Cela produit le résultat souhaité, mais je me demande s’il existe une solution plus élégante. Y a-t-il un moyen de faire cela c'est:
Si l'intervalle ne doit être défini qu'en minutes [0-60], évaluez la solution ci-dessous sans créer l'objet de date et en boucle unique:
var x = 5; //minutes interval
var times = []; // time array
var tt = 0; // start time
var ap = ['AM', 'PM']; // AM-PM
//loop to increment the time and Push results in array
for (var i=0;tt<24*60; i++) {
var hh = Math.floor(tt/60); // getting hours of day in 0-24 format
var mm = (tt%60); // getting minutes of the hour in 0-55 format
times[i] = ("0" + (hh % 12)).slice(-2) + ':' + ("0" + mm).slice(-2) + ap[Math.floor(hh/12)]; // pushing data in array in [00:00 - 12:00 AM/PM format]
tt = tt + x;
}
Allocation du tableau résultant pour éviter les frais généraux liés à Push, à la validation des paramètres et aux spécificités de l'environnement local
function generate_series(step) {
var dt = new Date(1970, 0, 1, 0, 0, 0, 0),
rc = [];
while (dt.getDate() == 1) {
rc.Push(dt.toLocaleTimeString('en-US'));
dt.setMinutes(dt.getMinutes() + step);
}
return rc;
}
Voici un violon https://jsfiddle.net/m1ruw1x6/35/
Ce qui suit est extrêmement flexible avec l’aide de Moment.js .
Ce code utilise
Il n'y a pas de traitement d'erreur, vous pouvez donc passer des paramètres stupides, mais cela passe le message. :-RÉ
Le paramètre desiredStartTime
prend une heure au format hh:mm
.
Le paramètre period
accepte l’une des entrées moment.duration
.
const timelineLabels = (desiredStartTime, interval, period) => {
const periodsInADay = moment.duration(1, 'day').as(period);
const timeLabels = [];
const startTimeMoment = moment(desiredStartTime, 'hh:mm');
for (let i = 0; i <= periodsInADay; i += interval) {
startTimeMoment.add(i === 0 ? 0 : interval, period);
timeLabels.Push(startTimeMoment.format('hh:mm A'));
}
return timeLabels;
};
/* A few examples */
const theDiv = document.getElementById("times");
let content;
content = JSON.stringify(timelineLabels('18:00', 2, 'hours'))
theDiv.appendChild(document.createTextNode(content));
theDiv.appendChild(document.createElement("p"));
content = JSON.stringify(timelineLabels('06:00', 30, 'm'))
theDiv.appendChild(document.createTextNode(content));
theDiv.appendChild(document.createElement("p"));
content = JSON.stringify(timelineLabels('00:00', 5, 'minutes'))
theDiv.appendChild(document.createTextNode(content));
theDiv.appendChild(document.createElement("p"));
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js"></script>
<div id="times"></div>
Vous n'avez besoin que d'une boucle, suivez cette approche
var d = new Date(); //get a date object
d.setHours(0,0,0,0); //reassign it to today's midnight
Continuez maintenant à ajouter 5 minutes jusqu'à ce que la valeur de d.getDate()
change
var date = d.getDate();
var timeArr = [];
while ( date == d.getDate() )
{
var hours = d.getHours();
var minutes = d.getMinutes();
hours = hours == 0 ? 12: hours; //if it is 0, then make it 12
var ampm = "am";
ampm = hours > 12 ? "pm": "am";
hours = hours > 12 ? hours - 12: hours; //if more than 12, reduce 12 and set am/pm flag
hours = ( "0" + hours ).slice(-2); //pad with 0
minute = ( "0" + d.getMinutes() ).slice(-2); //pad with 0
timeArr.Push( hours + ":" + minute + " " + ampm );
d.setMinutes( d.getMinutes() + 5); //increment by 5 minutes
}
si vous avez accès à moment
, vous pouvez toujours faire quelque chose comme ceci:
const locale = 'en'; // or whatever you want...
const hours = [];
moment.locale(locale); // optional - can remove if you are only dealing with one locale
for(let hour = 0; hour < 24; hour++) {
hours.Push(moment({ hour }).format('h:mm A'));
hours.Push(
moment({
hour,
minute: 30
}).format('h:mm A')
);
}
le résultat est le tableau suivant:
["12:00 AM", "12:30 AM", "1:00 AM", "1:30 AM", "2:00 AM", "2:30 AM", "3:00 AM", "3:30 AM", "4:00 AM", "4:30 AM", "5:00 AM", "5:30 AM", "6:00 AM", "6:30 AM", "7:00 AM", "7:30 AM", "8:00 AM", "8:30 AM", "9:00 AM", "9:30 AM", "10:00 AM", "10:30 AM", "11:00 AM", "11:30 AM", "12:00 PM", "12:30 PM", "1:00 PM", "1:30 PM", "2:00 PM", "2:30 PM", "3:00 PM", "3:30 PM", "4:00 PM", "4:30 PM", "5:00 PM", "5:30 PM", "6:00 PM", "6:30 PM", "7:00 PM", "7:30 PM", "8:00 PM", "8:30 PM", "9:00 PM", "9:30 PM", "10:00 PM", "10:30 PM", "11:00 PM", "11:30 PM"]
Manipuler avec une date comme avec un entier et en utilisant une boucle:
var interval = 5 * 60 * 1000; //5 minutes
var period = 24 * 60 * 60 * 1000; //dat period
//just converts any time to desired string
var toString = function toString(time){
var h = time.getHours();
var m = time.getMinutes();
var p = h >= 12 ? "PM" : "AM";
h = h || 12;
h = h > 12 ? h - 12 : h;
return ("0" + h).slice(-2) + ":" + ("0" + m).slice(-2) + " " + p;
}
//start time
var time = new Date(2010, 0, 1);
//resulting array
var times = [];
for ( var t = +time; t < +time + period; t += interval){
var d = toString(new Date(t));
times.Push(d);
}
Ma solution met l'accent sur la lisibilité. Il crée d’abord des objets représentant les heures correctes, puis les formate en chaînes . JsFiddle https://jsfiddle.net/6qk60hxs/
var periods = ['AM', 'PM'];
var hours = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
var minutes = ["00", "05", 10, 15, 20, 25, 30, 35, 40, 45, 50, 55];
timeObj = add([{}], "p", periods);
timeObj = add(timeObj, "h", hours);
timeObj = add(timeObj, "m", minutes);
times = []
for (t of timeObj) {
times.Push(t.h + ':' + t.m + ' ' + t.p);
}
console.log(times)
function add(tab, prop, val) {
var result = [];
for (t of tab) {
for (v of val) {
tc = _.clone(t);
tc[prop] = v;
result.Push(tc);
}
}
return result
}
Dans tous les cas, vous devez effectuer des opérations O(N) pour énumérer les éléments du tableau . Cependant, vous pouvez effectuer une itération sur les objets Date
.
function timeArr(interval) //required function with custom MINUTES interval
{
var result = [];
var start = new Date(1,1,1,0,0);
var end = new Date(1,1,2,0,0);
for (var d = start; d < end; d.setMinutes(d.getMinutes() + 5)) {
result.Push(format(d));
}
return result;
}
function format(inputDate) // auxiliary function to format Date object
{
var hours = inputDate.getHours();
var minutes = inputDate.getMinutes();
var ampm = hours < 12? "AM" : (hours=hours%12,"PM");
hours = hours == 0? 12 : hours < 10? ("0" + hours) : hours;
minutes = minutes < 10 ? ("0" + minutes) : minutes;
return hours + ":" + minutes + " " + ampm;
}
Vous pouvez utiliser une seule boucle for
, while
loop, Array.prototype.map()
, Array.prototype.concat()
, String.prototype.replace()
var n = 0,
min = 5,
periods = [" AM", " PM"],
times = [],
hours = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
for (var i = 0; i < hours.length; i++) {
times.Push(hours[i] + ":" + n + n + periods[0]);
while (n < 60 - min) {
times.Push(hours[i] + ":" + ((n += 5) < 10 ? "O" + n : n) + periods[0])
}
n = 0;
}
times = times.concat(times.slice(0).map(function(time) {
return time.replace(periods[0], periods[1])
}));
console.log(times)
Les boucles sont inutiles dans ce cas.
//Array.from, only supported by Chrome 45+, Firefox 32+, Edge and Safari 9.0+
//create an array of the expected interval
let arr = Array.from({
length: 24 * 60 / 5
}, (v, i) => {
let h = Math.floor(i * 5 / 60);
let m = i * 5 - h * 60;
//convert to 12 hours time
//pad zero to minute
if (m < 10) {
m = '0' + m;
}
let label = 'AM';
if (h > 12) {
label = 'PM';
h -= 12;
}
if (h === 0) {
h = 12;
}
return h + ':' + m + ' ' + label;
});
document.body.textContent = JSON.stringify(arr);
var arr = Array.apply(null, {
length: 24 * 60 / 5
}).map(function(v, i) {
var h = Math.floor(i * 5 / 60);
var m = i * 5 - h * 60;
if (m < 10) {
m = '0' + m;
}
var label = 'AM';
if (h > 12) {
label = 'PM';
h -= 12;
}
if (h === 0) {
h = 12;
}
return h + ':' + m + ' ' + label;
});
document.body.textContent = JSON.stringify(arr);