CODEWITHSUNDEEP
javascriptangularjsdatedatepickerangular-ui-bootstrap
ezeed
ezeed

Reputation: 58

How to set default format date with angular ui bootstrap

I use ui.boostrap for a datepicker,

http://plnkr.co/edit/GfOQmgW85U2aW3YbZO7T?p=preview

I need to format the date like "yyyy/MM/dd" because that's how my RESTapi receives the args. Applying $filter in angular.

http://docs.angularjs.org/api/ng.filter:date

It seems that the problem was solved, however when I change the date in the datepicker, the format date changes to a format like 2014-01-30T00:58:43.000Z

how can I set default format date with this tool?

Upvotes: 3

Views: 9919

Answers (1)

martinczerwi
martinczerwi

Reputation: 2847

Since the date is a JS Date object, you'll have to convert it before sending. You can use the datefilter to parse manually before sending:

var datefilter = $filter('date'),
    formattedDate = datefilter($scope.dt, 'yyyy/MM/dd');

See this plunk for an example: http://plnkr.co/edit/EJLDpEojoFnf5QfFt4o6?p=preview

Only alternative I know of, is creating a directive for the value and pushing a function to $parsers like in this example, but that's definitely not easy to combine with the datepicker directive.

I'd suggest to continue using the Date object in JS, and just convert the value before sending to your API.

Upvotes: 7

Related Questions