Option 1: Momentjs:

Install:

npm install moment --save

Import:

import * as moment from 'moment';

Usage:

let formattedDate = (moment(yourDate)).format('DD-MMM-YYYY HH:mm:ss')

Option 2: Use DatePipe if you are doing Angular:

Import:

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

Usage:

const datepipe: DatePipe = new DatePipe('en-US')let formattedDate = datepipe.transform(yourDate, 'dd-MMM-YYYY HH:mm:ss')

For Angular you should simply use formatDate instead of the DatePipe.

import {formatDate} from '@angular/common';constructor(@Inject(LOCALE_ID) private locale: string) { this.dateString = formatDate(Date.now(),'yyyy-MM-dd',this.locale);}

Using the The Temporal API (2023)

A new js date api is in Stage 3 proposal (The Temporal API). Please take a look at that, you might be able to resolve most of your problems in a near future with it:

https://tc39.es/proposal-temporal/docs/index.html

Stop using momentjs - see alternatives below

As pointed by @jonhF in the comments, MomentJs recommends to not use MomentJs anymore.Check https://momentjs.com/docs/

Instead, I'm keeping this list with my personal TOP 3 js date libraries for future reference.

• Date-fns - https://date-fns.org/
• DayJS - https://day.js.org/
• JS-Joda - https://js-joda.github.io/js-joda/

Old comment

(Don't use momentjs lib anymore, it is deprecated!!!)

I suggest you to use MomentJS

With moment you can have lot of outputs, and this one 09/11/2015 16:16 is one of them.

1. You can create pipe inherited from PipeTransform base
2. Then implement transform method

Used in Angular 4 - it's working. Best way to format a date is a pipe.

Create your custom pipe like this:

import { Pipe, PipeTransform} from '@angular/core';import { DatePipe } from '@angular/common';@Pipe({name: 'dateFormat'})export class DateFormatPipe extends DatePipe implements PipeTransform {transform(value: any, args?: any): any {///MMM/dd/yyyy return super.transform(value, "MMM/dd/yyyy");}}

and it's used in a TypeScript class like this:

////my class////export class MyComponent{constructor(private _dateFormatPipe:DateFormatPipe){}formatHereDate(){let myDate = this._dateFormatPipe.transform(new Date())//formatting current ///date here //you can pass any date type variable }}

In case you need it for angular, the simplest aproach with minimum code is:

import {formatDate} from '@angular/common';formatDate(Date.now(),'yyyy-MM-dd','en-US');

Here is another option for Angular (using own formatting function) - this one is for format:

YYYY-mm-dd hh:nn:ss

-you can adjust to your formats, just re-order the lines and change separators

dateAsYYYYMMDDHHNNSS(date): string {return date.getFullYear()+ '-' + this.leftpad(date.getMonth() + 1, 2)+ '-' + this.leftpad(date.getDate(), 2)+ ' ' + this.leftpad(date.getHours(), 2)+ ':' + this.leftpad(date.getMinutes(), 2)+ ':' + this.leftpad(date.getSeconds(), 2);}leftpad(val, resultLength = 2, leftpadChar = '0'): string {return (String(leftpadChar).repeat(resultLength)+ String(val)).slice(String(val).length);}

For current time stamp use like this:

const curTime = this.dateAsYYYYMMDDHHNNSS(new Date());console.log(curTime);

Will output e.g: 2018-12-31 23:00:01

function _formatDatetime(date: Date, format: string) {const _padStart = (value: number): string => value.toString().padStart(2, '0');return format.replace(/yyyy/g, _padStart(date.getFullYear())).replace(/dd/g, _padStart(date.getDate())).replace(/mm/g, _padStart(date.getMonth() + 1)).replace(/hh/g, _padStart(date.getHours())).replace(/ii/g, _padStart(date.getMinutes())).replace(/ss/g, _padStart(date.getSeconds()));}function isValidDate(d: Date): boolean {return !isNaN(d.getTime());}export function formatDate(date: any): string {var datetime = new Date(date);return isValidDate(datetime) ? _formatDatetime(datetime, 'yyyy-mm-dd hh:ii:ss') : '';}

One more to add @kamalakar's answer, need to import the same in app.module and add DateFormatPipe to providers.

 import {DateFormatPipe} from './DateFormatPipe';@NgModule({ declarations: [], imports: [],providers: [DateFormatPipe]})

You can use

function formatDate(date) { return date.toISOString().replace('T', ' ').replaceAll('-', '/').substring(0, 19);}const currentdate = new Date();console.log(formatDate(currentdate));

1º Install: npm install moment --save2º Make Import : import moment, { Moment } from 'moment'3º Coder:

var date = Date.now()let formattedDate = (moment(date)).format('YYYY-MM-DD HH:mm:ss')

This worked for me

 /*** Convert Date type to "YYYY/MM/DD" string * - AKA ISO format?* - It's logical and sortable :)* - 20200227* @param Date eg. new Date()* https://stackoverflow.com/questions/23593052/format-javascript-date-as-yyyy-mm-dd * https://stackoverflow.com/questions/23593052/format-javascript-date-as-yyyy-mm-dd?page=2&tab=active#tab-top*/static DateToYYYYMMDD(Date: Date): string {let DS: string = Date.getFullYear()+ '/' + ('0' + (Date.getMonth() + 1)).slice(-2)+ '/' + ('0' + Date.getDate()).slice(-2)return DS}

You can certainly add HH:MM something like this...

 static DateToYYYYMMDD_HHMM(Date: Date): string {let DS: string = Date.getFullYear()+ '/' + ('0' + (Date.getMonth() + 1)).slice(-2)+ '/' + ('0' + Date.getDate()).slice(-2)+ ' ' + ('0' + Date.getHours()).slice(-2)+ ':' + ('0' + Date.getMinutes()).slice(-2)return DS}

The best solution for me is the custom pipe from @Kamalakar but with a slight modification to allow passing the format:

import { Pipe, PipeTransform} from '@angular/core';import { DatePipe } from '@angular/common';@Pipe({name: 'dateFormat'})export class DateFormatPipe extends DatePipe implements PipeTransform {transform(value: any, format: any): any {return super.transform(value, format);}}

And then called as:

console.log('Formatted date:', this._dateFormatPipe.transform(new Date(), 'MMM/dd/yyyy'));

Here is an Example of a simple date format function

formatDate(value, format, offset){format = format || 'yyyy-MM-dd';offset = offset || '+0300';if(!(value instanceof Date)){value = new Date(value);if(value === null || value === undefined) {throw new Error('DateFormatException: value passed' + 'is not a valid date');}}return value; // TODO implement this return $filter('date')(value, format, offset);}