blocks|key|80822|text|试一下，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|80823|​|80824|+alert((new+Date()).getFullYear());|code-block|syntax|javascript|80825|80826|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

Try,

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code> alert((new Date()).getFullYear());</code></pre>
</div>
</div>

blocks|key|2808712|text|您可以尝试这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2808713|在app.component.ts中。|2808714|export+class+AppComponent++{
++anio:+number+=+new+Date().getFullYear();
}|code-block|syntax|javascript|2808715|在app.component.html中|2808716|{{+anio+}}|2808717|我让你玩Stackblitz了。|2808718|https://stackblitz.com/edit/angular-byvzum|offset|length|2808719|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|0|0|0|16|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|11|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|12|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|13|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|14|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|15|8|@]|9|@$Q|16|R|17|1|18]]|A|$]]|$1|S|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|P]]]]

You can try this:

In the app.component.ts.

<pre><code>export class AppComponent {
 anio: number = new Date().getFullYear();
}
</code></pre>

In the app.component.html

<pre><code>{{ anio }}
</code></pre>

I let you a Stackblitz.

<a href="https://stackblitz.com/edit/angular-byvzum" rel="noreferrer">https://stackblitz.com/edit/angular-byvzum</a>

blocks|key|83409|text|因为年份是数字。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|83410|+currentYear:+number=new+Date().getFullYear();|code-block|syntax|javascript|83411|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Since Year is number.
<pre><code> currentYear: number=new Date().getFullYear();
</code></pre>

blocks|key|80845|text|在导入部分，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|80846|import+*+as+moment+from+'moment'|code-block|syntax|javascript|80847|在ngOnInit，|80848|ngOnInit(){
this.date+=+moment(new+Date()).format('YYYY');
console.log(moment(new+Date()).format('YYYY'));
}|80849|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

At the import section,

<pre><code>import * as moment from 'moment'
</code></pre>

At the ngOnInit,

<pre><code>ngOnInit(){
this.date = moment(new Date()).format('YYYY');
console.log(moment(new Date()).format('YYYY'));
}
</code></pre>

blocks|key|2596528|text|尝尝这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2596529|year+=+new+Date().getFullYear()
console.log(this.year)+//+output+2020|code-block|syntax|javascript|2596530|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this

<pre><code>year = new Date().getFullYear()
console.log(this.year) // output 2020
</code></pre>

blocks|key|83314|text|在javascript中，我们可以使用getFullYear()从date对象中获取年份。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|83315|currentYear:+Date;
ngOnInit()+{
++this.currentYear+=+new+Date("2017");
++console.log(this.currentYear.getFullYear());
}|code-block|syntax|javascript|83316|有关所有日期对象methods的信息，请参阅此页面|83317|entityMap|0|LINK|mutability|MUTABLE|url|https://www.w3schools.com/js/js_date_methods.asp^0|J|D|0|0|8|7|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

In javascript, we can get the year from date object using <code>getFullYear()</code>.

<pre><code>currentYear: Date;
ngOnInit() {
 this.currentYear = new Date("2017");
 console.log(this.currentYear.getFullYear());
}
</code></pre>

Refer this page for all date object <a href="https://www.w3schools.com/js/js_date_methods.asp" rel="nofollow noreferrer">methods</a>

blocks|key|2596522|text|使用矩库：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2596523|import+*+as+moment+from+'moment'

moment().year();+//+current+year|code-block|syntax|javascript|2596524|当然，您也可以使用以下代码：|2596525|moment().format('YYYY');+//+current+year|2596526|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

use moment library:

<pre><code>import * as moment from 'moment'

moment().year(); // current year
</code></pre>

of course you can use this code as well:

<pre><code>moment().format('YYYY'); // current year
</code></pre>

blocks|key|80933|text|type|unstyled|depth|inlineStyleRanges|entityRanges|data|80934|这个很简单。|blockquote|80935|80936|80937|在.ts文件中，使用以下函数。|80938|++currentYearLong():+number+{
++return+new+Date().getFullYear();
++}|code-block|syntax|javascript|80939|现在在html中使用花括号来访问年号。|80940|<footer+class="deep-color+white-text+center">
<p+class="flow-text">great+company+&copy;+{{currentYearLong()}}
</footer>|80941|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|-4|4|5|6|S|7|@]|8|@]|9|$]]|$1|A|3|B|4|C|6|T|7|@]|8|@]|9|$]]|$1|D|3|-4|4|5|6|U|7|@]|8|@]|9|$]]|$1|E|3|-4|4|5|6|V|7|@]|8|@]|9|$]]|$1|F|3|G|4|5|6|W|7|@]|8|@]|9|$]]|$1|H|3|I|4|J|6|X|7|@]|8|@]|9|$K|L]]|$1|M|3|N|4|5|6|Y|7|@]|8|@]|9|$]]|$1|O|3|P|4|J|6|Z|7|@]|8|@]|9|$K|L]]|$1|Q|3|-4|4|5|6|10|7|@]|8|@]|9|$]]]|R|$]]

<blockquote>
This one is so easy.
</blockquote>
In the .ts file use the following function.
<pre><code> currentYearLong(): number {
 return new Date().getFullYear();
 }
</code></pre>
and now in the html use curly bracket to access the year number.
<pre><code>&lt;footer class=&quot;deep-color white-text center&quot;&gt;
&lt;p class=&quot;flow-text&quot;&gt;great company &amp;copy; {{currentYearLong()}}&lt;/p&gt;
&lt;/footer&gt;
</code></pre>

How to get the current year using typescript in angular6 

<pre><code>currentYear:Date;
this.currentYear=new Date("YYYY");
alert(this.currentYear);
</code></pre>

<blockquote>
 It shows Invalid Date
</blockquote>

How to get the current year using typescript in angular6

如何在angular6中使用typescript获取当年currentYear:Date;this.currentYear=new Date("YYYY");alert(this.currentYear);它显示无效的日期

问如何在angular6中使用typescript获取当年
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在angular6中使用typescript获取当年EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在angular6中使用typescript获取当年
EN