JSFiddle - React, Tailwind, and code Playground

by lonewolfs

HTML

Hour<select class="time hour"></select>Minutes<select class="time minute"></select>

JavaScript

var hour = 0;
var minute = 0;

var hourList = '<option value="select">Select</option>';
var minuteList = '<option value="select">Select</option>';

for(hour = 0; hour < 24; hour++){
    hourList += '<option value="'+hour+'">'+hour+'</option>';   
}
for(minute = 0; minute < 60; minute++){
    minuteList += '<option value="'+minute+'">'+minute+'</option>';   
}

$('.hour').html(hourList);
$('.minute').html(minuteList);

//Validation stuff not to be included in picker
function getmytime(){
    $('.time').live('change',function(){
        if($('.hour').val()!='select' && $('.minute').val()!='select'){
            var t;
            var h = $('.hour').val();
            var m = $('.minute').val();
            
            h.length==1 ? h='0' + h : h;
            m.length==1 ? m='0' + m : m;
            
            t = h + ':' + m + ':00';
            $('body').append('<br/>' + t);
        }
    });
}

    getmytime();