{"id":31823,"date":"2022-06-15T14:09:50","date_gmt":"2022-06-15T08:39:50","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=31823"},"modified":"2022-06-15T11:43:15","modified_gmt":"2022-06-15T06:13:15","slug":"format-date-time-value-using-formatting-api-in-pcf-control","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2022\/06\/format-date-time-value-using-formatting-api-in-pcf-control\/","title":{"rendered":"Format date-time value using Formatting API in PCF Control"},"content":{"rendered":"

Introduction<\/strong><\/h2>\n

In our recent project, we created a PCF Control in which we designed a date-time control. In the same control, we had a requirement to format the input date value to the given Date\/Time field behavior<\/a> in the date\/time field of Dynamics 365 CRM. In Dynamics 365 CRM, date\/time field have three types of behavior such as User Local, Date Only, Time-Zone Independent as shown in the below screenshot:<\/p>\n

\"PCF<\/p>\n

To achieve this, we have used the formatTime<\/strong> method of formatting API in Power Apps. With this method, you can format the date\/time values in dateTime field behavior.<\/p>\n

Please find below the code to format the input date\/time values in PCF Control:<\/p>\n

\/\/Function\u00a0that\u00a0return\u00a0result\u00a0in\u00a0datetime\u00a0format\u00a0from\u00a0input\u00a0date value\r\n\r\nformatToTime\r\n\r\n(context:\u00a0ComponentFramework.Context<IInputs>,\u00a0inputDateValue:any)\u00a0{\r\n\r\nreturn\u00a0context.formatting.formatTime(inputDateValue, 0);\r\n\r\n}\r\n\r\n\/\/Function\u00a0that\u00a0return\u00a0result\u00a0in\u00a0datetime\u00a0format\u00a0from\u00a0input\u00a0date value\r\n\r\nformatToTime (context:\u00a0ComponentFramework.Context<IInputs>,\u00a0inputDateValue:any){\r\n\r\nreturn\u00a0context.formatting.formatTime(inputDateValue, 1);\r\n\r\n}<\/pre>\n
After running the debugger, the result of formatting input date\/time values to dateTime format will be as below:<\/p>\n
\"PCF<\/p>\n
Conclusion<\/strong><\/h2>\n
With the help of Formatting API in Power Apps, we can easily format the input date values to the dateTime behavior format.<\/p>\n
\"Attach2Dynamics\"<\/a><\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
Introduction In our recent project, we created a PCF Control in which we designed a date-time control. In the same control, we had a requirement to format the input date value to the given Date\/Time field behavior in the date\/time field of Dynamics 365 CRM. In Dynamics 365 CRM, date\/time field have three types of\u2026 Read More: Format date-time value using Formatting API in PCF Control »<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,1929],"tags":[1941],"class_list":["post-31823","post","type-post","status-publish","format-standard","hentry","category-dynamics-365","category-pcf","tag-pcf-control"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t