Menu

Post image 1
Post image 2
1 / 2
0

bsTimepicker: Clock Dial Time Picker for Bootstrap Forms

DEV Community·jQueryScript·27 days ago
#CMvtiQ2P
Reading 0:00
15s threshold
Cover image for bsTimepicker: Clock Dial Time Picker for Bootstrap Forms

jQueryScript

bsTimepicker: a Bootstrap plugin that adds a Bootstrap-styled time picker with a circular clock dial to any input or div element.

Key features:
• 12h and 24h display modes with AM/PM toggle
• Touch and pointer event support on the dial
• Bootstrap 4/5 dropdown integration
• Hidden field support for form submission
• Returns database-ready HH:mm values
• Full API: show, hide, toggle, setTime, getTime, clear

Works cleanly in any Bootstrap 4 or 5 form layout. Worth a look if you need a clock-style time input that produces clean backend values.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Read More