$(document).ready(function(){
$('#datetimepicker1').datetimepicker({
format: 'yyyy/MM/dd hh:mm',
pickSeconds: false,
pick12HourFormat: true
//language: 'pt-BR', /* Portuguese - Brazilian */
});
$('#datepicker1').datetimepicker({
format: 'yyyy/MM/dd',
pickTime: false
//language: 'pt-BR', /* Portuguese - Brazilian */
});
$('#timepicker2').datetimepicker({
format: 'hh:mm',
pickDate: false,
pickSeconds: false,
pick12HourFormat: true
//language: 'pt-BR', /* Portuguese - Brazilian */
});
$('#datepicker2').datetimepicker({
pickTime: false,
//language: 'pt-BR', /* Portuguese - Brazilian */
});
});
Date & Time combined - <div id="datetimepicker1" class="input-append date">
<input data-format="yyyy/MM/dd hh:mm" type="text" onfocus="javascript:$(this).next().click();"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar">
</i>
</span>
</div>
<br>
Date only - <div id="datepicker2" class="input-append">
<input type="text" data-format="yyyy/MM/dd" onfocus="javascript:$(this).next().click();"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar">
</i>
</span>
</div>
<br>
Time only - <div id="timepicker2" class="input-append">
<input type="text" data-format="hh:mm" onfocus="javascript:$(this).next().click();"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar">
</i>
</span>
</div>