Modern & Clean Date Time Picker Plugin – Datetimepicker

Datetimepicker is a modern, clean, and easily accessible DateTime picker jquery plugin that creates a simple selectable date and time popup when clicking on an input field. It has various options/methods to modify the plugin and its features according to your needs.

Features:

• Simple and easy to implement.
• Supports date and time picker both at the same time.
• Options to show date and time separately.
• Option to add input mask.
• Callback events support.

Installation

npm install jquery-datetimepicker

yarn add jquery-datetimepicker

How to use it:

1. Include the Javascript jquery.datetimepicker.full.min.js at the bottom of the web page.

<script src="path/to/jquery.datetimepicker.full.min.js"></script>

2. Include the CSS jquery.datetimepicker.css in the header of the page.

<link rel="stylesheet" href="path/to/jquery.datetimepicker.css">

3. Add the basic HTML to the page.

<input type="text" value="" placeholder="yyyy/mm/dd hh:mm" id="datetimepicker"/>

4. Initialize the plugin and we’re ready to go.

$('#datetimepicker').datetimepicker();