<p id="basicExample">
<input type="text" class="date start" />
<input type="text" class="time start" /> to
<input type="text" class="time end" />
<input type="text" class="date end" />
</p>
<script type="text/javascript" src="bootstrap-datepicker.js"></script>
<script type="text/javascript" src="jquery.timepicker.js"></script>
<script type="text/javascript" src="jquery.datepair.js"></script>
<script>
// initialize input widgets first
$(‘#basicExample .time‘).timepicker({
‘showDuration‘: true,
‘timeFormat‘: ‘g:ia‘
});
$(‘#basicExample .date‘).datepicker({
‘format‘: ‘m/d/yyyy‘,
‘autoclose‘: true
});
// initialize datepair
$(‘#basicExample‘).datepair();
</script>