JSFiddle - React, Tailwind, and code Playground

by houmie

HTML

<script src="http://jdewit.github.com/bootstrap-timepicker/assets/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://jdewit.github.com/bootstrap-timepicker/assets/bootstrap-timepicker/css/timepicker.css">
<div id="task_modal">
   <input id="id_form-due_time" class="timepicker-default input-small" type="text" value="12:18" placeholder="What time?" name="form-due_time">
</div>

JavaScript

function datepicker_reload(parent){            
    $(parent).find('.timepicker-default').timepicker({showMeridian:true, defaultTime : false});            
};


                  
$(function() {
   datepicker_reload('#task_modal');
    
 });