如何使用angular ui bootstrap设置默认格式日期

Question

我使用ui.boostrap作为日期选择器，

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

我需要将日期格式化为“yyyy / MM / dd”，因为这就是我的RESTapi收到args的方式。 在角度中应用$ filter。

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

似乎问题已解决，但是当我更改datepicker中的日期时，格式日期会更改为2014-01-30T00:58:43.000Z

之类的格式

如何使用此工具设置默认格式日期？

Answer 1

由于日期是JS Date对象，因此您必须在发送之前对其进行转换。在发送之前，您可以使用datefilter手动解析：

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

请参阅此plunk以获取示例：http://plnkr.co/edit/EJLDpEojoFnf5QfFt4o6?p=preview

只有我知道的替代方法是为值创建一个指令并将函数推送到this example中的$解析器，但这绝对不容易与datepicker指令结合使用。

我建议继续在JS中使用Date对象，然后在发送到API之前转换该值。