Questions tagged [smalot-datetimepicker]

smalot-datetimepicker is a datetimepicker widget by Sebastien Malot (smalot) that uses Twitter's bootstrap library. It provides a calendar popup for selecting dates and times when users click on input elements. For more see http://www.malot.fr/bootstrap-datetimepicker/

Stack Snippet Starter Pack:

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/smalot-bootstrap-datetimepicker/2.4.4/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smalot-bootstrap-datetimepicker/2.4.4/js/bootstrap-datetimepicker.min.js"></script>

<input size="16" type="text" value="2012-06-15 14:45" readonly class="form_datetime">

$(function () {
  $(".form_datetime").datetimepicker({format: 'yyyy-mm-dd hh:ii'});
});