get current date with yyyy-MM-dd format in Angular 4

Question

How i can get the current date with a specific format  yyyy-MM-dd   for today by example i with that the result be   2018-07-12   with using just the command  myDate   new Date      thanks a lot

User · Answer

Try this      import   as moment from  moment         ngOnInit          this date   moment   format  YYYY Do MMM

User · Answer

you can try doing this     component ts   currentDate   new Date        component html     currentDate   date  yyyy-MM-dd

User · Answer

can use format attribute in HTML

User · Answer

You can use DatePipe for formatting Date in Angular   In ts if you want to format date then you can inject DatePipe as Service in constructor like this  import   DatePipe   from   angular common     Component       templateUrl     name component html       styleUrls      name component scss        providers   DatePipe      myDate   new Date    constructor private datePipe  DatePipe       this myDate   this datePipe transform this myDate   yyyy-MM-dd        And if you want to format in html file   Shortdate  will return date of type MM DD YY    myDate   date   shortDate       As of Angular 6  this also works   import  formatDate  from   angular common    formatDate new Date     yyyy MM dd    en

User · Answer

In Controller      var DateObj   new Date       scope YourParam   DateObj getFullYear      -      0     DateObj getMonth     1   slice -2     -      0    DateObj getDate    slice -2

User · Answer

You can use date  yyyy-MM-dd  pipe  curDate new Date      lt p gt   curDate   date  yyyy-MM-dd    lt  p gt

User · Answer

Use the following   new Date   toLocaleDateString      Then as per your requirement just change locale for your application   import   registerLocaleData   from   angular common   import localeFr from   angular common locales fr   registerLocaleData localeFr      Provide the locale in any Module or Component by the LOCALE ID token  providers      provide  LOCALE ID  useValue   fr

User · Answer

Here is the example   function MethodName  scope         scope date   new Date        You can change the format in view here we have a code   lt div ng-app ng-controller  MethodName  gt      My current date is   date   date  yyyy-MM-dd        lt  div gt    I hope it helps

User · Answer

If you only want to display then you can use date pipe in HTML like this    Just Date   your date   date   dd MMM yyyy    Date With Time   your date   date   dd MMM yyyy hh mm a    And if you want to take input only date from new Date   then    You can use angular formatDate   in ts file like this -  currentDate   new Date     const cValue   formatDate currentDate   yyyy-MM-dd    en-US

User · Answer

app component html   lt div gt        lt h5 style  color  ffffff   gt   myDate   date  fullDate    lt  h5 gt   lt  div gt    app component ts  export class AppComponent implements OnInit   myDate   Date now         date

[angular] get current date with 'yyyy-MM-dd' format in Angular 4

Examples related to angular