Simplest Time Picker For Text Field

Preview:

Description:

Just another vanilla JavaScript time picker which enables you to select a time from a dropdown select list.

How to use it:

Load the CSS file timepicker.min.css to style the time picker.

<link rel="stylesheet" href="dist/timepicker.min.css"

Create an input field on the webpage.

<input type="text" name="timepicker" data-toggle="timepicker">

Load the JavaScript file timepicker.min.js at the bottom of the webpage.

<script src="dist/timepicker.min.js"></script>

Config the intervals.

document.addEventListener("DOMContentLoaded", function(event)
{
    timepicker.load({
      interval: 15
    });
});

Changelog:

08/14/2018

• Opens at last selected hour