How to display AM/PM for a Date field in Canvas Apps

-

Hello All !!!!. 

Welcome to our Anything & Everything in tech blog 😊😊. 

The topic for today is on Microsoft Power Apps and in this post I will show show AM/PM for your date fields.

Canvas apps are the leading low code framework for mobile apps and custom user interfaces. One of the powerful feature being able to bring in data from multiple data sources using just connectors. They are just termed as One Click Data from Multiple Platforms

Let me jump in to the topic. I have a requirement to display display a date with AM/PM. 

Unfortunately, Canvas apps function reference does not have any function to do this. However you can use the ubiquitous Text function to do it.

$"{Text(Today(), "dd/mm/yyyy, hh:mm am/pm")}"

Within the Text() you can pass your date field and specify the desired format. Observe the part highlighted in bold - am/pm. I have seen implementations where makers end up using switch case on the hour field to determine AM/PM time.

In the below illustration, I have used am/pm in date format to display the Meridian values 


Hope this post helps you in your day-to-day activities. 

Subscribe to my blog Anything & Everything for more interesting topics in code and tech😊

Comments

Post a Comment

Popular posts from this blog

How to use Google fonts in your Web Page

-
Image
Welcome to Anything and Everything in Tech blog! Today's tip is how to use google fonts in your web applications. CSS has inbuilt support for a wide variety of fonts. However, Google fonts are not recognized by CSS. Let's look at the sample HTML. This is a sample text that should be displayed in Noto Sans It uses Noto Sans as font. When I browse the HTML file, the font does not take effect. To refer to Google fonts, we need to refer to Google stylesheet. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=<google-font-family>" /> In our case, the URL should be referring to Noto Sans format. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans" /> Hope this helped! Please subscribe to our blog for more interesting posts on tech.
Read more

How to include {Custom Pages of Model Driven App} within the solution

-
Image
 Hello All. Welcome to Anything & Everything in Tech blog. Today's post is about adding custom pages to the solution. Custom Pages are similar to canvas apps but they can be included within the Model Driven Apps as a page. To move the custom page across solutions there is a easy way using solutions. I have a custom page called " Product Inventory " where I am displaying it in my model driven app as shown below Now everything is in place I just need move this page across environments to make it available. To do that lets add the solution. I created a solution and use Add Existing ->App->Page Select page and include you custom page as shown below. In this way you can include custom pages within the solution. Hope this post helped you. Please do follow and subscribe for more insights
Read more