Loading

How to display Hour:Time in dropdown List

How to display Hour:Time in dropdown List

Ramco Ramco

4y977.NET

Hi

How to display Hour:Time in dropdown List. It should be from 8.00 AM to 8.00 PM

Thanks

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh4y ago
@Ramco then use this
"ddlTimeSlots">
$(function(){
const locale = 'en';
const hours = [];

moment.locale(locale);

for(let hour = 8; hour < 20; hour++) {
    hours.push(moment({ hour }).format('h:mm A'));
    hours.push(
        moment({
            hour,
            minute: 5
        }).format('h:mm A')
    );
}

$.each(hours,function(x,y)
{
console.log(y);
  $("#ddlTimeSlots").append($(", {
    value: x,
    text: y
  }));
});
})
here is the fiddle
https://jsfiddle.net/sachinsinghsharpencode/dyzpktvg/12/
+2
Vishal Yelve4y ago
Please check this links

https://www.jqueryscript.net/time-clock/dropdown-time-picker.html

https://vitalets.github.io/combodate/
+2
Ramco Ramco4y ago
Hi Sachin

But i want in minutes also lets say like this

8:05 AM
8:10 AM
8:15 AM

and so on

Regards
+2
Sachin Singh4y ago
Test this
"ddlTimeSlots">


$(function(){
const locale = 'en';
const hours = [];

moment.locale(locale);

for(let hour = 8; hour <21; hour++) {
    hours.push(moment({ hour }).format('h:mm A'));

}

$.each(hours,function(x,y)
{
console.log(y);
  $("#ddlTimeSlots").append($(", {
    value: x,
    text: y
  }));
});
})
you can check my jsfiddle here
https://jsfiddle.net/sachinsinghsharpencode/dyzpktvg/10/
+2