JSFiddle - React, Tailwind, and code Playground

moment datepciker local nz time

by John Doe

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.4.1/moment-timezone-with-data-2010-2020.min.js"></script>
UTC<br/>
<div id="divUTC"></div><br/> Your Local Time with respect to above UTC time<br/>

<div id="divLocal">
</div>
<br/>America date time<br/>
<div id="divUsa">
</div>

<br/>Auckland NZ time<br/>
<div id="divNZ">
</div>


<br/>2 Auckland NZ time<br/>
<div id="secon">
</div>

JavaScript

var s = moment.tz('Pacific/Auckland').format('YYYY-MM-DD HH:mm:ss')
console.log(s);




$(function() {

  moment.tz('Pacific/Auckland').format('YYYY-MM-DD HH:mm:ss')
  var NZDateTime = moment();

  console.log(">>>  moment: ", NZDateTime);


});



$(function() {
  setInterval(function() {
    //var divUtc = $('#divUTC');
    //var divLocal = $('#divLocal');  
    //put UTC time into divUTC  
    //divUtc.text(moment.utc().format('YYYY-MM-DD HH:mm:ss'));      

    //get text from divUTC and conver to local timezone  
    //var localTime  = moment.tz('Pacific/Auckland').format('YYYY-MM-DD HH:mm:ss');
    //localTime = moment(localTime).format('YYYY-MM-DD HH:mm:ss');
    // divLocal.text(localTime);  

    //$('#divUsa').text(moment.tz('America/Los_Angeles').format('YYYY-MM-DD HH:mm:ss'));
    //$('#divNZ').text(moment.tz('Pacific/Auckland').format('YYYY-MM-DD HH:mm:ss'));

    $('#divNZ').text(moment.tz('Pacific/Auckland').format('dddd MMMM Do YYYY HH:mm:ss'));



  }, 1000);
});




var SeverTimeNow = {}; // Globally scoped object

function LocalTime() {
  setInterval(function() {

    SeverTimeNow.localTime = moment.tz('Pacific/Auckland').format('dddd MMMM Do YYYY HH:mm:ss');
    //var localTime = (moment.tz('Pacific/Auckland').format('dddd MMMM Do YYYY HH:mm:ss'));
$('#divNZ').text(localTime);
  }, 1000);
};

function TNow() {
	var div2divNZ = $('#2divNZ');  
  
  div2divNZ.text(SeverTimeNow.localTime);
 console.log(">>>  local: ", +SeverTimeNow.localTime);

};






var MyApp = {}; // Globally scoped object

function foo(){
    MyApp.color = 'green';
}

function bar(){
    $('#secon').html(MyApp.color); // Alerts 'green'
} 




var sample;
var myname;

function a() {
    sample = "Hello World";
    myname = "Solly M";
}

console.log(sample);
console.log(myname);



// global scope
var a = 1;

function one() {
  alert(a); // alerts '1'
}