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

Module Bundel

-
package.,json {    "name" :  " moduletutorial " ,    "version" :  " 1.0.0 " ,    "description" :  " creating module " ,    "main" :  " dom.js " ,    "scripts" : {      "test" :  " echo  \" Error: no test specified \"  && exit 1 " ,      "start" :  " webpack "   },    "author" :  "" ,    "license" :  " ISC " ,    "dependencies" : {      "webpack" :  " ^4.39.3 " ,      "webpack-cli" :  " ^3.3.8 "   } } webpack.config.js var   path   =   require ( " path " ); module . exports   =  {     entry: ' ./app.js ' ,     output: {         path:  path . resolve (__dirname),         filename:  ' main.js '     },     mode:  ' development ' }
Read more

Power of async and Promise

-
///////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////// Async //////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////// // const promise = fetch('https://jsonplaceholder.typicode.com/todos') // promise // .then(res => res.json()) // .then(data => console.log(data)) // .catch(err => console.log(err)) const getBlogs = async ( name ) => { const fruits = { " one " : " One 1 " , " two " : " Two 2 " , " three " : " Three 3 " } await delay ( 2000 ); return Promise . resolve ( fruits [ name ]); } // for small const makeMe = async () => { try {
Read more