Display time according to the timezone using Javascript.

I have got many query that many people are confuse to get the local time zone using JavaScript as server are mainly saves in UTC or GMT time.

If you are using ajax which gives time but the time you get is of server time like,




jQuery.post("link",{parameter},function(data){
var time=data; <!-----data may be the time----->
var t= time.split(/[- :]/); <!------first split the time ----->
var change = new Date(t[0], t[1]-1, t[2], t[3], t[4], t[5]);
var nowUtc = new Date( change.getTime() -((change.getTimezoneOffset()*60000)) );

<!--change.getTimezoneOffset() gives the local time different 
i.e. if you are at Kathmandu, the time different is +5:45, this gives 345min-->

var final_hr=nowUtc.getHours();
var final_min=nowUtc.getMinutes();

//for minute i.e. from 1-9 placing '0' in front
if(final_min.toString().length==1){var minute='0'+final_min;}
else{var minute=final_min;}

//for date
var date=nowUtc.getDate();
//for date suffix
if (date==1 || date==11 || date==21 || date==31){var suffix="st";}
else if(date==2 || date==12 || date==22 || date== 32){var suffix="nd";}
else if(date==3 || date==13 || date==23){var suffix="nd";}
else{var suffix="th";}

//for month
var month=nowUtc.getMonth();
if (month==0){var final_mon="Jan";}
else if(month==1){var final_mon="Feb";}
else if(month==2){var final_mon="Mar";}
else if(month==3){var final_mon="Apr";}
else if(month==4){var final_mon="May";}
else if(month==5){var final_mon="Jun";}
else if(month==6){var final_mon="Jul";}
else if(month==7){var final_mon="Aug";}
else if(month==8){var final_mon="Sept";}
else if(month==9){var final_mon="Oct";}
else if(month==10){var final_mon="Nov";}
else if(month==11){var final_mon="Dec";}

final_time=final_hr+":"+minute +" "+final_mon+" "+date+suffix;
Finally, Final time will be in "final_time" with (HH:MM MOM DAT SUF).

Thank you,

Comments

Popular posts from this blog

Google map API using MarkerClusterer and Geocoder

Sharing with Social media (Facebook, Twitter, tumblr, pinterest) while clicking using javascript

Line or Graph chart for data in array.