how to use pipes?

Hi, I want to change form of dates. for example:

2016-10-09T07:00:41.387Z to 2016/10/09, in angular 2 we can use ‘shortDate’ pipe parameter, but how do it in ng2-smart table

[AlexTheBest]

Hey mmdsharifi, i ran into this a few weeks ago and the way i solved it is using the valuePrepareFunction property.

For example to format the date:

      valuePrepareFunction: (date) => { 
        var raw = new Date(date);

        var formatted = this.datePipe.transform(raw, 'dd MMM yyyy');
        return formatted; 
      }

Make sure you export the datePipe and define it in the constructor

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

constructor( private datePipe: DatePipe ){ }

[ohabash]

Oh i see… I got stuck at 2 places.

1. valuePrepareFunction needs to go in the column key object like this

	settings = {
	  columns: {
	    buildQty: {
	      title: 'buildQty'
	    },
	    created: {
	      title: 'created',
		  valuePrepareFunction: (created) => {
		    return this.datePipe.transform(new Date(created), 'dd MMM yyyy');
		  }
	    },
	    username: {
	      title: 'User Name'
	    },
	    email: {
	      title: 'Email'
	    }
	  },
	};

1. using the date pipe in a component (NG 6+) also needs to be defined as a provider in that component . Like this

@Component({
  selector: 'xxx',
  templateUrl: './xxx.component.html',
  styleUrls: ['./xxx.component.scss'],
  providers: [DatePipe]
})