Format Date On Bootstrap Datetimepicker
I am using the Bootstrap 3 Date/Time Picker (https://github.com/Eonasdan/bootstrap-datetimepicker) and I have problems formatting the date
Solution 1:
As shown in the bootstrap3 docs you can define custom formats in JavaScript:
<divclass="container"><divclass="row"><divclass='col-sm-6'><divclass="form-group"><divclass='input-group date'id='datetimepicker3'><inputtype='text'class="form-control" /><spanclass="input-group-addon"><spanclass="glyphicon glyphicon-time"></span></span></div></div></div><scripttype="text/javascript">
$(function () {
$('#datetimepicker3').datetimepicker({
format: 'your desired Formatting style'
});
});
</script></div></div>Even more simple:
$("#fmEndDate").datetimepicker({format: 'dd-mm-yyyy hh:ii'});
Sidenote: Be careful with Date/Time formatting:
As for AngularJS HH format will result in hours as 00-23. While in Bootstrap3 which you are also using HH will result in hours as 01-12.
I highly suggest you to use a library like MomentJS which is doing the troublesome work for you.
Regards, Megajin
Post a Comment for "Format Date On Bootstrap Datetimepicker"