JSFiddle - React, Tailwind, and code Playground
HTML
<select id="time"></select>
JavaScript
if (!String.prototype.format) {
String.prototype.format = function() {
var args = arguments;
return this.replace(/{(\d+)}/g, function(match, number) {
return typeof args[number] != 'undefined'
? args[number]
: match
;
});
};
}
$(function(){
makeTimeDD($('#time'),(new Date()).getTime(), 20);
});
function getUTCTime(d) {
// convert to msec
// add local time zone offset
// get UTC time in msec
var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
return utc;
}
function makeTimeDD(elem,time,from_hr){
var temp_date = new Date(time * 1000);
temp_date.setHours(from_hr, 0, 0, 0);
var count = 0;
jQuery(elem).html('');
while(count <= 95){
var option = '<option value="{0}">{1}:{2}</option>'.format(temp_date.getTime() / 1000, ('0' + temp_date.getHours()).slice(-2), ('0' + temp_date.getMinutes()).slice(-2));
jQuery(elem).append(option);
temp_date.setMinutes(temp_date.getMinutes() + 15)
count++;
}
}