带有日期选择器的 angularjs 日期格式答案

【问题标题】：angularjs date format with date picker带有日期选择器的 angularjs 日期格式
【发布时间】：2015-02-27 10:29:33
【问题描述】：

<input class="pw-form-control-text" 
       datepicker="" 
       id="requestedDate" 
       name="requestedDate" 
       ng-model="formData.requestedDate" 
       pattern="MMMM d, yyyy" 
       type="text" />

如您所见，这是一个日期选择器，当我从它根据目录显示的日期选择器中选择一个日期时。但是当我从控制器发送值时（它是一个字符串 -

2014-08-06T13:52:39Z

) 它显示相同的字符串。它没有根据给定的格式进行格式化。有人可以帮我吗

【问题讨论】：

标签： javascript angularjs date

【解决方案1】：

你可以添加javascript代码：

$( ".pw-form-control-text" ).datepicker({ dateFormat: 'MMMM d, yyyy' });

【讨论】：

【解决方案2】：

您使用哪个扩展来输入日期？

如何使用angularjs date input 或angular-ui-date？

【讨论】：

问题是当我从日期选择器中选择它时效果很好。但是当我在控制器中将值设置为“$scope.formData.requestedDate”时，它不会根据值进行格式化。
你用的是什么日期选择器？？你有没有测试它从控制器发送一个日期对象而不是一个字符串？

【解决方案3】：

你可以添加指令，ng-change="changeformat()"

<input class="pw-form-control-text" 
       datepicker="" 
       id="requestedDate" 
       name="requestedDate" 
       ng-change="changeformat()"
       ng-model="formData.requestedDate" 
       pattern="MMMM d, yyyy" 
       type="text" />

并在控制器 .js 文件中将函数声明为，

$scope.changeformat = function () {

       $scope.formData.requestedDate = $filter('date')($scope.formData.requestedDate, "MMMM d, yyyy");
    };

【讨论】：