javascript - HTML 中 AngularJs 脚本的日期问题

标签 javascript html angularjs

我来找你是因为我想在我的网页中显示来自 Angular 脚本的时间。所以我的 HTML 中有:

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js"></script>
 <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.js"></script>
<p class="alert alert-info">Time is: {{mytime | date:'shortTime'}}</p>

和我的脚本:

angular.module('ui.bootstrap.demo', ['ngAnimate', 'ui.bootstrap']);
angular.module('ui.bootstrap.demo').controller('TimepickerDemoCtrl', function ($scope, $log) {
    $scope.mytime = new Date();

    $scope.hstep = 1;
    $scope.mstep = 15;

    $scope.options = {
        hstep: [1, 2, 3],
        mstep: [1, 5, 10, 15, 25, 30]
    };

    $scope.ismeridian = true;
    $scope.toggleMode = function() {
        $scope.ismeridian = ! $scope.ismeridian;
    };

    $scope.update = function() {
        var d = new Date();
        d.setHours( 14 );
        d.setMinutes( 0 );
        $scope.mytime = d;
    };

    $scope.changed = function () {
        $log.log('Time changed to: ' + $scope.mytime);
    };

    $scope.clear = function() {
        $scope.mytime = null;
    };
});

但只显示“时间是:”。

有什么想法吗?提前致谢。

最佳答案

我想你错过了 ng-app 和 ng-controller tah

<body ng-app>
   <p ng-controller="TimepickerDemoCtrl" class="alert alert-info">Time is: {{myTime | date:'shortTime'}}</p>
</body>

关于javascript - HTML 中 AngularJs 脚本的日期问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38525161/

相关文章:

java - 如何在 Angularjs 和 Spring mvc 中创建 json 复杂对象

javascript - 如何在 ESLint 中使用平面嵌套三元组?

javascript - 在Javascript中使用多个按钮显示不同的图像

javascript - JS - 具有多个条件的 If 语句

javascript - 将按钮值传输到输入表单

javascript - 是否可以在 ng-class 中声明注释

javascript - Expo.Fingerprint.isEnrolledAsync 返回一个对象

javascript - Dojo dijit TabContainer - 带选项卡的内联选择

jQuery 添加一个 div 到元素的打开,然后在不同的元素之后关闭 div

javascript - 带有 ng-repeat 的 Angular JS 指令无法遍历子元素