簡體   English   中英

如何使用ng-it在輸入框中將今天的日期設置為默認值?

[英]How to set today's date as a default in the input box using of ng-it?

如何使用ng-it在輸入框中將今天的日期設置為默認值?

  • 我的笨蛋

  • 我只想使用ng-it將今天的日期設置為輸入字段的默認值。

  • 請檢查我的矮人,並幫助我們謝謝。

我的代碼:-

    <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>
  • 在插件中,我們期望第二個輸入字段的值是今天的日期。

我對此不確定,但我認為您不能在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 )。

我認為將所有使用的范圍都由控制器包裝是一個好習慣。

這是部分更新的監聽器(沒有添加控制器): http ://plnkr.co/edit/BLVWN4jHIMwEuZzjA698?p=preview

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM