我與時刻和角度過濾器的問題

Question

這在jsfiddle更新之前工作，現在它不起作用。任何幫助將受到歡迎。

下面是HTML

<div ng-app="app" ng-controller="ctrl"> 

    {{ date | date: 'MM-dd-yy' }} <br/> <br/> 

    {{ date | date: 'MMM-dd-yyyy' }} <br/> <br/> 

    {{ date | date: 'MMMM-dd-yyyy' }} <br/> <br/> 

    {{ d | date: 'MM/dd/yy' }} <br/> <br/> 

    {{ d | date: 'MMM/dd/yyyy' }} 

</div> 

...這裏是JavaScript

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

app.controller("ctrl", function($scope, moment) { 
    $scope.d = new Date(); 
    $scope.date = new moment(); 
    $scope.getRandomDate = function(){ 
     var year = Math.floor(Math.random() * 2) + 2014; 
     var month = Math.floor(Math.random() * 12) ; 
     var day = Math.floor(Math.random() * 31); 
     return moment([year, month, day]).toDate(); 
    }; 
    $scope.date = $scope.getRandomDate(); 

}); 

https://jsfiddle.net/galnova/tkchx8me/8/

Answer 1

作爲一個依賴添加模塊angularMoment到您的應用程序模塊

var app = angular.module('app', ['angularMoment']); 

Answer 2

您只需在外部依賴關係中使用https版本的moment.min.js即可獲得JSFiddle。

如果你在你原來的提琴瀏覽器控制檯看，你會看到：

混合內容：在「https://fiddle.jshell.net/galnova/tkchx8me/8/show/」加載頁面通過HTTPS，但要求一個不安全的腳本「http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.6.0/moment.min.js」 。此請求已被阻止;內容必須通過HTTPS提供。

因此，您需要做的就是通過HTTPS服務您的時刻依賴關係。

這是我給你的小提琴做出的唯一改變：https://jsfiddle.net/w2u6LL6z/

現在，它的工作！