Date formatting in javascript
AuraLocalizationService JavaScript API provides methods for localizing dates and formatting.
Use the formatDate() to format date by providing format string as second argument.
formatDate (String | Number | Date date, String formatString)
Use $A.localizationService to use the methods in AuraLocalizationService.
Below are few examples of format string and their output:
var now = new Date();
var dateString = "2017-12-12";
// Returns date in the format "Dec 12, 2017"
console.log($A.localizationService.formatDate(dateString));
// Returns date in the format "2017 12 12"
console.log($A.localizationService.formatDate(dateString, "YYYY MM DD"));
// Returns date in the format "December 12 2017, 11:03:47 PM"
console.log($A.localizationService.formatDate(now, "MMMM DD YYYY, hh:mm:ss a"));
// Returns date in the format "Dec 12 2017, 11:03:57 PM"
console.log($A.localizationService.formatDate(now, "MMM DD YYYY, hh:mm:ss a"));
Refer below link for more details:
tokens supported in format string
Localization
Lightning framework provides client-side localization support on input/output elements. This helps in customize the date and time format.
For example, below code will display date in Europe/Berlin timezone (Dec 13, 2017 2:17:08 AM)
<aura:component>
<ui:outputDateTime value="2017-12-13T02:17:08.997Z" timezone="Europe/Berlin" />
</aura:component>
To customize date and time format use, lightning:formattedDateTime.
The attributes on lightning:formattedDateTime helps you to control formatting at a granular level. For example, you need to display the date using the MM/DD/YYYY format, then use below code:
<lightning:formattedDateTime value="{!v.datetimeValue}" timeZone="Europe/Berlin" year="numeric" month="numeric" day="numeric"/>
AuraLocalizationService JavaScript API provides methods for localizing dates and formatting.
Use the formatDate() to format date by providing format string as second argument.
formatDate (String | Number | Date date, String formatString)
Use $A.localizationService to use the methods in AuraLocalizationService.
Below are few examples of format string and their output:
var now = new Date();
var dateString = "2017-12-12";
// Returns date in the format "Dec 12, 2017"
console.log($A.localizationService.formatDate(dateString));
// Returns date in the format "2017 12 12"
console.log($A.localizationService.formatDate(dateString, "YYYY MM DD"));
// Returns date in the format "December 12 2017, 11:03:47 PM"
console.log($A.localizationService.formatDate(now, "MMMM DD YYYY, hh:mm:ss a"));
// Returns date in the format "Dec 12 2017, 11:03:57 PM"
console.log($A.localizationService.formatDate(now, "MMM DD YYYY, hh:mm:ss a"));
Refer below link for more details:
tokens supported in format string
Localization
Lightning framework provides client-side localization support on input/output elements. This helps in customize the date and time format.
For example, below code will display date in Europe/Berlin timezone (Dec 13, 2017 2:17:08 AM)
<aura:component>
<ui:outputDateTime value="2017-12-13T02:17:08.997Z" timezone="Europe/Berlin" />
</aura:component>
To customize date and time format use, lightning:formattedDateTime.
The attributes on lightning:formattedDateTime helps you to control formatting at a granular level. For example, you need to display the date using the MM/DD/YYYY format, then use below code:
<lightning:formattedDateTime value="{!v.datetimeValue}" timeZone="Europe/Berlin" year="numeric" month="numeric" day="numeric"/>
datetimeValue can be set in controller code either in doInit or any other function as mentioned below:
var date = new Date();
component.set("v.datetimeValue", date)
Locale Information on client side controller
- $A.get("$Locale.timezone") : This will return timezone like Europe/Paris, Europe/Berlin etc.
- $A.get("$Locale.currency") : This will return org currency locale like "$", "¥" etc.
Hope this will help!!!!
var dateFormat = "yyyy-MM-ddTHH:mm:ss.000Z";
ReplyDeletevar dateString = $A.localizationService.formatDateTime(estResDate, dateFormat);
Need to add two days to current date .How can we do that?
Just simply add
ReplyDeleteestResDate.setDate(estResDate.getDate() + 2);
it is working fine for me.
I also, as many people, faced this problem. I have been looking for this information for two days. I hope, that I have found it.
ReplyDeleteThanks for such an informative post. I have been looking for such information for a long time and finally found it here. This is useful for me when developing my site. Continue to delight us with such wonderful articles.
ReplyDeleteWelcome to the future! Financing made easy with Prof. Mrs. DOROTHY LOAN INVESTMENTS
ReplyDeleteHello, Have you been looking for financing options for your new business plans, Are you seeking for a loan to expand your existing business, Do you find yourself in a bit of trouble with unpaid bills and you don’t know which way to go or where to turn to? Have you been turned down by your banks? MRS. DOROTHY JEAN INVESTMENTS says YES when your banks say NO. Contact us as we offer financial services at a low and affordable interest rate of 2% for long and short term loans. Interested applicants should contact us for further loan acquisition procedures via profdorothyinvestments@gmail.com
We invest in all profitable projects with cryptocurrencies. I'm here to share an amazing life changing opportunity with you. its called Bitcoin / Forex trading options, Are you interested in earning a consistent income through binary/forex trade? or crypto currency trading. An investment of $100 or $200 can get you a return of $2,840 in 7 days of trading and you get to do this from the comfort of your home/work. It goes on and on The higher the investment, the higher the profits. Your investment is safe and secured and payouts assured 100%. if you wish to know more about investing in Cryptocurrency and earn daily, weekly OR Monthly in trading on bitcoin or any cryptocurrency and want a successful trade without losing Contact MRS.DOROTHY JEAN INVESTMENTS profdorothyinvestments@gmail.com
categories of investment
Cryptocurrency
Loan Offer
Mining Plan
Business Finance Plan
Binary option Trade Plan
Forex trade Plan
Stocks market Trade Plan
Return on investment (ROI) Plan
Gold and Silver Trade Plan
Oil and Gas Trade Plan
Diamond Trade Plan
Agriculture Trade Plan
Real Estate Trade Plan
YOURS IN SERVICE
Mrs. Dorothy Pilkenton Jean
Financial Advisor on Bank Instruments,
Private Banking and Client Services
Email Address: profdorothyinvestments@gmail.com
Operation: We provide Financial Service Such As Bank Instrument
From AA Rate Banks, Cash Loan,BG,SBLC,BOND,PPP,MTN,TRADING,FUNDING MONETIZING etc.