Formatting Dates in JavaScript

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

formatDate (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.

<aura:component implements="flexipage:availableForRecordHome">
    <aura:attribute name="formatDate" type="String"/>
    <lightning:input
        type="date"
        value="{!v.formatDate}"
        onchange="{!c.convertDate}">
    </lightning:input>
    {!v.formatDate}
</aura:component>

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