JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dateString">
    Some Data
</div>

JavaScript

$(function() {
    var birthDate = new Date("12/21/2104 6:30 GMT+5:30");
			
    $("#dateString").append("<BR>Simple ToString : "+birthDate.toString());
    $("#dateString").append("<BR>Local  :"+birthDate.toLocaleString('en-US'));
    $("#dateString").append("<BR>Locale Date :"+birthDate.toLocaleDateString('en-US'));
    $("#dateString").append("<BR>Locale TIme :"+birthDate.toLocaleTimeString('en-US'));
		
    var options = { timeZoneName: 'short', hour12: false};
    $("#dateString").append("<BR>Locale with Options :"+birthDate.toLocaleString('en-US', options));
    
    var options2 = { timeZoneName: 'long'};
    $("#dateString").append("<BR>With long TZ :"+birthDate.toLocaleString('en-US', options2));
	
    $("#dateString").append("<BR>Custom Date Format :"+formateDate(birthDate));
    
});
function padZero(dateArg) {
      if (dateArg < 10) {
        return '0' + dateArg;
      }
      return dateArg;
    }
   
function formateDate(date) {
    return date.getUTCFullYear() +
        '-' + padZero(date.getUTCMonth() + 1) +
        '-' + padZero(date.getUTCDate()) +
        ' ' + padZero(date.getUTCHours()) +
        ':' + padZero(date.getUTCMinutes()) +
        ':' + padZero(date.getUTCSeconds()) ;
  }