How to display Date and Time 12 hour format Using Jquery

Question

This is an answer for How to display Date and Time 12-hour format Using Jquery, I was searching for an answer but my searching hasn't given me simple solution on the internet. I wrote my own solution and here it is.

$(document).ready(function() {
  var d = new Date();
  var mm = d.getMonth() + 1;
  var dd = d.getDate();
  var yy = d.getFullYear();
  var t = d.toLocaleString([], {
    hour: '2-digit',
    minute: '2-digit'
  });
  var dt = (mm < 10 ? '0' : '') + mm + '/' + (dd < 10 ? '0' : '') + dd + '/' + yy + " - " + t;
  $('#date').html(dt);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id='date'></p>

Even if does not provide an answer to your question, i recommend you to take a look to `momentjs` library for manipulate, format, ... dates in JS. — ADreNaLiNe-DJ, Mar 29 '18 at 14:40
Possible duplicate of [How do you display JavaScript datetime in 12 hour AM/PM format?](https://stackoverflow.com/questions/8888491/how-do-you-display-javascript-datetime-in-12-hour-am-pm-format) — Álvaro González, Mar 29 '18 at 14:41
I've removed a couple of tags (your question does not seem related to neither Microsoft Windows APIs nor jQuery). Feel free to correct me if I overlooked something. — Álvaro González, Mar 29 '18 at 14:42
@ADreNaLiNe-DJ: Thanks for the suggestion definitely, I will look into it. — Code Dreamer, Mar 30 '18 at 14:29
@Álvaro González: Not really, but thanks for sharing the solution I didn't find that when I was looking for and No problem removing the tags. — Code Dreamer, Mar 30 '18 at 14:33
@Dionei Miodutzki: what do you recommend...? I want to use in MVC5 .vbhtml Razor engine....? — Code Dreamer, Mar 30 '18 at 14:35

score 0 · Answer 1 · answered Mar 29 '18 at 14:49

0

You should use below code,

new Date($.now());

answered Mar 29 '18 at 14:49

Deepesh kumar Gupta

884
2
11
29

Use substring to cut and display the portion you want – Deepesh kumar Gupta Mar 29 '18 at 14:51
I tried above code but it resulted in General date/time pattern (long time). Which i don't want my output should be 03/30/2018 - 09:38 AM – Code Dreamer Mar 30 '18 at 14:37
You can substring and arrange as per your requirement. Now() will give you all information. Which you can use to form any kind of date formate. – Deepesh kumar Gupta Mar 31 '18 at 09:54

How to display Date and Time 12 hour format Using Jquery

1 Answers1