Javascript HTML中AngularJs脚本的日期问题_Javascript_Html_Angularjs

Javascript HTML中AngularJs脚本的日期问题

javascript html angularjs

Javascript HTML中AngularJs脚本的日期问题,javascript,html,angularjs,Javascript,Html,Angularjs,我来找你是因为在我的网页上我想显示一个角度脚本中的时间。因此，我的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>

我来找你是因为在我的网页上我想显示一个角度脚本中的时间。因此，我的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>

但只有“时间是：”显示

有什么想法吗？提前谢谢。

我想你错过了ng应用程序和ng控制器

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


时间是：{{myTime | date:'shortTime'}

如果您在html中提供了不正确的名称，请将myTime更改为myTime

时间是：{mytime | date:'shortTime'}

您在HTML文件中写错了。 i、 e“我的时间”。将其更改为“mytime”

时间是：{mytime | date:'shortTime'}

检查完您提供的代码后，我去Plunker测试它。我注意到的第一件事是，您没有在ng应用程序中引用模块

ng-app="ui.bootstrap.demo"

第二件事是控制台显示了与ui.bootstrap相关的模块依赖性错误。我只是增加了依赖性，一切都很好

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.0.0/ui-bootstrap.js"></script>

请检查完整的工作示例。

首先感谢您的回复。实际上我把它放在上面的一个div上，所以我试着把它放在你让我放的地方，但是没有用..对不起，这只是一个复制错误，我实际上在代码中写了“mytime”，但是谢谢你的回复。。有其他想法吗？对不起，这只是一个复制错误，我实际上在代码中写了“我的时间”，但感谢您的回复。。还有其他想法吗？谢谢回答。是否有必要将ng应用程序放在html的标记中？因为我之前将其放在了一个div中。例如：

时间是：{{mytime | date:'shortTime'}}

这是必要的，因为控制器应该与某个模块相关。请记住，在一个页面上可以有许多模块。如果您不指定此控制器与哪个模块相关，它将无法“加载”。您的示例也可以，但更常见的是将ng应用程序放在头部和控制器中身体与其任何子元素之间的某个位置，如div等。如果您认为此答案有助于解决问题，请随意将其标记为答案=）

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.0.0/ui-bootstrap.js"></script>