Date Time Formatting in Windows Store App

<option value="2" style="color:#911067">2. Format using a string template</option>

<option value="3" style="color:#071766">3. Format using a parametrized template</option>

</select>

</div>

<div class="details" role="region" aria-labelledby="descLabel" aria-live="assertive">

<h3 id="descLabel">Description</h3>

<!-- Item 1 Input -->

<div class="item" id="Item1Input">

<p>In this example will show how to format the current date and time using the Long and Short formats. These formats represent conventional presentation forms for date and time and are useful when presenting standard date and times. The available formats are easily viewed in the Region control panel.</p>

<button class="action" id="Item1Open">Display</button>

</div>

<!-- Item 2 Input -->

<div class="item" id="Item2Input">

<p>In this example will show how to format the current date and time using custom formats that are specified using a template string. This method for formatting dates or times can be used when the requirements for the date presentation do not match the "short" or "long" form. For example, if the user experience requires a only a month and a day or a month and a year, this method will allow the application to present only those date elements, but still in a format that respects the user's preferences.</p>

<button class="action" id="Item2Open">Display</button><br /><br />

</div>

<!-- Item 3 Input -->

<div class="item" id="Item3Input">

<p>in this example will show how to format the current date and time using custom formats that are specified using a parametrized template. This method for formatting dates or times can be used when the requirements for the date presentation do not match the "short" or "long" form. For example, if the user experience requires a only a month and a day or a month and a year, this method will allow the application to present only those date elements, but still in a format that respects the user's preferences.</p>

<button id="Item3Open" class="action">Display</button>

</div>

</div>

</div>

<h2 id="outputLabel"> Output</h2>

<div id="output" role="region" aria-labelledby="outputLabel" aria-live="assertive">

<div id="statusMessage"></div>

<!-- Item 1 Output -->

<div class="item" id="Item1Output">

<p></p>

</div>

<!-- Item 2 Output -->

<div class="item" id="Item2Output">

<p></p>

</div>

<!-- Item 3 Output -->

<div class="item" id="Item3Output">

<p></p>

</div>

</div>
</div>

<div id="footer" role="contentinfo"></div>

</div>

</body>

</html>

Step 4 : After applying this code, run this application and then we get the following output:

The first point will show how to format the current date and time using the Long and Short formats.

The next point will show how to format the current date and time using custom formats that are specified using a template string.

This point will show how to format the current date and time using custom formats that are specified using a parametrized template.