Javascript 如何使用angularjs更改显示的日期格式

我在

“yyyyy-MM-DD HH:MM:ss”格式中有一个
日期时间值，例如“2017-04-03 05:00:07”。我不想更改该值，但需要将该值显示为
“MMM DD，YYYY”
格式，例如“2017年4月3日”

是否仍有使用html以不同格式显示值的方法？
实现要求的简单方法是使用


var TodayDate=moment（）.format（'mmmdd，yyyyy'）；
var selectedDate=时刻（'2017-04-03 05:00:07'）。格式（'MMM DD，YYYY'）；
console.log（“today=“+TodayDate”）；
console.log（“selected=“+selectedDate”）
参考下面链接中的角度过滤器

在angular js中提供的默认日期过滤器中使用此“MMM”格式来获取月份，并按要求的顺序使用格式

{{1288323623006 |日期：'MMM-dd-yyyy'}试试这个

如下所示创建指令并在HTML中使用：

指令：

var app = angular.module("MyApp", []);

var datefrmt = "yyyy-MM-dd";

app.directive('dateFormateModel', function (dateFilter) {
    return {
        require: 'ngModel',
        link:function (scope, elm, attrs, ctrl) {            
            var dateFormat = datefrmt;           
            ctrl.$formatters.unshift(function (modelValue) {
                return dateFilter(modelValue, dateFormat);
            });
        }
    };
});

<div class="propertyValue"><input type="text" ng-model="gc.tempApplicationSettingModel.CreatedDate" date-formate-model class="form-control"  /></div>

HTML:

var app = angular.module("MyApp", []);

var datefrmt = "yyyy-MM-dd";

app.directive('dateFormateModel', function (dateFilter) {
    return {
        require: 'ngModel',
        link:function (scope, elm, attrs, ctrl) {            
            var dateFormat = datefrmt;           
            ctrl.$formatters.unshift(function (modelValue) {
                return dateFilter(modelValue, dateFormat);
            });
        }
    };
});

<div class="propertyValue"><input type="text" ng-model="gc.tempApplicationSettingModel.CreatedDate" date-formate-model class="form-control"  /></div>

您是否尝试使用momentjs？您必须为我要在html中从“2017-04-03 05:00:07”转换为“2017/04/03”的可能副本创建指令。