Angular Material Date Picker Formater

-

Angular Material Date Picker Formate:


1.) Import in Main module and Provider [

import {DatePipe} from '@angular/common';

 @NgModule({
imports: [
BrowserModule,
....
],
entryComponents: [],
declarations: [],
bootstrap: [],
providers: [DatePipe]
})
export class AppModule {}


2.) Import in Component wher u can use

import { DatePipe } from '@angular/common';

Toset:
constructor(private DatePipe:DatePipe){
this.startDate= new Date('04/06/2019');
}

To get:
let data = this.DatePipe.transform(this.startDate, 'MM/dd/yyyy')

Example :

              https://stackblitz.com/edit/angular-cyseqq?file=app/datepicker-value-example.ts



Comments

Post a Comment

Popular posts from this blog

Service worker fetch all data

-
main.js // Make Sure service work is supported if ( ' serviceWorker ' in navigator ){ console . log ( ' Service work is supported ' ); window . addEventListener ( ' load ' , () => { navigator . serviceWorker . register ( ' ./sw_cached_pages_V2.js ' ) . then ( reg => console . log ( " Service Worker: Registered " )) . catch ( err => console . log ( ` Service Worker: Error : ${ err } ` )) }) } sw_cached_pages_V2.js // Service Worker Fetch all data from sites const cacheName = " v2 " ; // call install Events self . addEventListener ( ' install ' , function ( event ) { }); // call Activate Events self . addEventListener ( ' activate ' , e => { console . log ( " ServiceWorker: Activated " ); e . waitUntil ( caches . keys (). then ( cacheNames => { return Promise . all ( ...
Read more

async css loading..

-
< link   rel = " stylesheet "   href = " ./css/cui-standard.min.css "   media = " none "   onload = " if ( media   !=' all ' ) media =' all '" >      < link   rel = " stylesheet "   href = " ./css/style.css "   media = " none "   onload = " if ( media !=' all ' ) media =' all '" >      < noscript >          < link   rel = " stylesheet "   href = " ./css//cui-standard.min.css " >          < link   rel = " stylesheet "   href = " ./css//style.css " >      </ noscript >
Read more

Javascript Prototype to Class

-
Prototype /**         * Leve 0         */          function   Animal ( name ) {              let   obj   =  {};              obj . name   =   name ;              obj . myName   =   function () {                  console . log ( obj . name )             }              return   obj         }          let   dog   =   Animal ...
Read more