How to show custom date format in angular-bootstrap-datetimepicker input field?

Question

I am using angular-bootstrap-datetimepicker for date time selection. I want to show dates in moment format "MMMM Do YYYY, h:mm a"("December 22nd 2016, 2:00 pm"). Is there any way to do it?

Answer 1

As per the documentation here

You can pass configuration options as a function or an object.

Selected Date: {{ data.date | date:'MMMM Do YYYY, h:mm a' }}

<datetimepicker data-ng-model="data.embeddedDate"
    data-datetimepicker-config="{ startView:'day', minView:'day' }" />

Answer 2

You can defined the angular bootstrap format like :

uib-datepicker-popup="{{format}}"

format which you want to show like

uib-datepicker-popup="MMMM Do YYYY, h:mm a"

Answer 3

Here is the link, I refered

You can take a look at the documentation if required

Selected Date: {{ data.date | date:'MMMM Do YYYY, shortTime' }}

<datetimepicker data-ng-model="data.embeddedDate"
    data-datetimepicker-config="{ startView:'day', minView:'day' }" />