$(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>