CODEWITHSUNDEEP
javascriptarrays
Dan
Dan

Reputation: 23

using the time as a dynamic variable to compare values

I am working on programming a page in JS that grabs calendar data from an outside source, imports it into a multidimensional array and uses it to display who is currently working along with their photo, phone number, etc.

Right now I have it set up so that the page reloads every 15 minutes. I'd prefer to have this all done dynamically so that when, say, the clock strikes 5pm the page knows to update without having to wait until the 15 minute refresh is triggered.

All of the work times are pulled from the other calendar in 24 hour format (so 5pm is 1700).

Here's how I'm generating the current time to compare with the start/end times in the calendar:

//Get the current date and time
var dateTime = new Date();
var month = dateTime.getMonth() + 1;
var day = dateTime.getDate();
var dayOfWeek = dateTime.getDay();
var year = dateTime.getYear() + 1900;
//converting hours and minutes to strings to form the 24h time
var hours = dateTime.getHours().toString();
if (hours.length === 1) {
    var hours = '0' + hours
};
var minutes = dateTime.getMinutes().toString();
if (minutes.length === 1) {
    var minutes = '0' + minutes
};
var time = hours + minutes;
//convert the 24h time into a number to read from later
var timeNumber = parseInt(time);

I then use if statements to compare the start/end times from the imported schedule with timeNumber to determine who is currently working and push that to an array that is eventually displayed on the page with this code:

//figure out who is currently working and put them in the workingNow array
var workingNow = [];
for (i = 0; i < workingToday.length; i++){
    //convert time strings to numbers to compare
    var startTime = parseInt(workingToday[i][7]);
    var endTime = parseInt(workingToday[i][8]);
    //compare start and end times with the current time and add those who are working to the new list
    if(startTime < timeNumber && timeNumber < endTime){
        workingNow.push(workingToday[i]);
    }
};

I guess I have just been trying to figure out how to make this comparison of the data in an array with the current time something that is dynamic. Is this possible or would I need to go about this in a completely different way from the ground up?

Upvotes: 0

Views: 272

Answers (1)

Ole Borgersen
Ole Borgersen

Reputation: 1104

You should have a look at momentjs. This is a really good library to handle all sort of time and date manipulation.

http://momentjs.com/

Upvotes: 1

Related Questions