i'm new to this style of coding too, so had to do quite a bit of research myself to get something working. theres a pic of my progress on instagram
i'd like to share my source, but it's still very messy and not all 100% working. also, i don't guarantee my source, and the code snippet below, are the best or most efficient way to do it. and, additionally, the fitbit team hope to have some more complex sdk examples in the future, which will likely show the best way to do things.
if you're just working with text, date elements need to be converted to strings via an array, and you need to convert to get 12hr time
eg.
let today = new Date();
let hours = today.getHours();
let ampm = hours >= 12 ? 'PM' : 'AM'
let mins = util.zeroPad(today.getMinutes());
let hours = hours % 12;
let hours = hours ? hours : 12; // the hour '0' should be '12'
let monthNames = [
"January", "February", "March",
"April", "May", "June", "July",
"August", "September", "October",
"November", "December"
];
let weekdays = [
"Sunday", "Monday", "Tuesday",
"Wednesday", "Thursday", "Friday", "Saturday"
];
let weekdate = today.getDate();
let weekindex = today.getDay();
let monthIndex = today.getMonth();
time.innerText = `${hours}:${mins}`;
dateLabel1.innerText = `${weekdays[weekindex]}`;
dateLabel2.innerText = `${monthNames[monthIndex]} ${weekdate}`;
dateLabel3.innerText = `${ampm}`;
this isn't complete, as you still need the styles.css and inex.gui bits.
for HRM, take a look at the HRM meter code on github.
have a look on this forum for other info about steps.
Best Answer
