Formatting Dates in JavaScript

For example, the formatDate() method formats a date based on the formatString parameter set as the second argument.

1formatDate (String | Number | Date date, String formatString)

The date parameter can be a String, Number, or most typically a JavaScript Date. If you provide a String value, use ISO 8601 format to avoid parsing warnings.

The formatString parameter contains tokens to format a date and time. For example, "YYYY-MM-DD" formats 15th January, 2017 as "2017-01-15". The default format string comes from the $Locale value provider.

This table shows the list of tokens supported in formatString.

There are similar methods that differ in their default output values.

• formatDateTime()—The default formatString outputs datetime instead of date.
• formatDateTimeUTC()—Formats a datetime in UTC standard time.
• formatDateUTC()—Formats a date in UTC standard time.

For more information on all the methods in AuraLocalizationService, see JavaScript API.

1<aura:component implements="flexipage:availableForRecordHome">
2    <aura:attribute name="formatDate" type="String"/>
3    <lightning:input
4        type="date"
5        value="{!v.formatDate}"
6        onchange="{!c.convertDate}">
7    </lightning:input>
8    {!v.formatDate}
9</aura:component>

1({
2    convertDate: function (cmp, event) {
3        var date = event.getParam("value");
4        var formatted = $A.localizationService.formatDate(date, "yyyy-MM-dd");
5        cmp.set("v.formatDate", formatted);
6    },
7})