Question

如何使用ng-it将今天的日期设置为输入框中的默认日期？

My Plunker
我只想将今天的日期设置为使用ng-it的输入字段中的默认日期。
请检查我的plunker并帮助我们谢谢。

我的代码： -

    <div ng-app="" ng-init="to='2018-01-24'">

<p>Default date in the input box:</p>
<p>Name: <input type="date" ng-model="to"></p>
<p>You wrote: {{ to }}</p>

</div>

在plunker中，我们期待第二个输入字段值是今天的日期......

Answer 1

我不确定这一点，但我认为你不能在ng-init中调用本机JS函数/对象。您可以做的是在$rootScope中设置代理（假设您只有一个ng-app）：

在你的javascript中：

 angular.module("foo", []).run(["$rootScope", function($rootScope) {

     $rootScope.date = new Date();
 }]);

在您的HTML中：

<div ng-app="foo" ng-init="firstname='John'; currentDate=date">

根据以前的javascript，您可以直接使用date对象（我在您的Plunker中更新）。

我强烈建议只在AngularJS中为一个页面安装一个应用程序，如文档所述，自动引导只能处理一个ng-app（https://docs.angularjs.org/api/ng/directive/ngApp）。

我认为将所有使用的范围包装在控制器中是一种好习惯。

这是部分更新的plunker（没有添加控制器）： http://plnkr.co/edit/BLVWN4jHIMwEuZzjA698?p=preview

如何使用ng-it将今天的日期设置为输入框中的默认日期？

1 个答案: