JavaScript: Как конвертировать дату и время UTC в Mountain Time? - PullRequest
Новая
       67

JavaScript: Как конвертировать дату и время UTC в Mountain Time?

0 голосов
/ 19 октября 2018

Я пытался написать скрипт, который будет брать текущее время в Денвере и выводить его в URL.

Мне удалось получить это далеко: http://jsfiddle.net/Chibears85/h41wu8vz/4/

JS 

$(function() {
  var today = new Date();
  var ss = today.getUTCSeconds();
  var nn = today.getUTCMinutes() - 3; //3 minute delay
  var hh = today.getUTCHours() - 6; //Offset UTC by 6 hours (Mountain Time)
  var dd = today.getUTCDate();
  var mm = today.getUTCMonth() + 1; //January is 0!
  var yyyy = today.getUTCFullYear();
  if (dd < 10) {
    dd = '0' + dd
  }
  if (mm < 10) {
    mm = '0' + mm
  }
  if (hh < 10) {
    hh = '0' + hh
  }

  var today = mm + '/' + dd + '/' + yyyy + '%20' + hh + ':' + nn + ':' + ss ;
  $('img.r').each(function() {
    var url = $(this).attr('src');
    if (url.indexOf("?") >= 0) {
      $(this).attr("src", url + today);
    } else {
      $(this).attr("src", url + "?feature_date=" + today);
    }
  });
});

HTML 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="screen.js"></script>
<img class="r" src="https://mywebsite.com&DateTime=" width="400">

Вставляет дату вТем не менее, URL с 18:00 до 12:00 по горному времени перерывы (01:00:00 20/20/2018 становится -5: 00: 00 10/20/2018 вместо 19:00:00 19/19/2018) и 3смещение минутной задержки прерывает каждый час с: 00-: 02 (1:01 становится 1: -02 вместо 00:59).

Мне было интересно, как я могу исправить смещение UTC, чтобы оно не вычиталось в негативы и смещало дату / месяц / год соответствующим образом.

Ответы [ 3 ]

0 голосов
/ 19 октября 2018

Это можно решить с помощью чистого JS, хотя сначала я подумал об использовании MomentJS.Хорошее решение было бы так: 

var today = new Date();
var todayThreeMinutesLess = new Date(today - (3  * 60000)); // to reduce 3 minutes from current time, as 60000 ms is 1 minute;
var today = todayThreeMinutesLess.toLocaleString('en-US', {timeZone: 'America/Denver', hour12: false}).replace(', ', '%20');
$('img.r').each(function() {
    var url = $(this).attr('src');
    if (url.indexOf("?") >= 0) {
      $(this).attr("src", url + today);
    } else {
      $(this).attr("src", url + "?feature_date=" + today);
      // just to prevew the url format
      $(this).attr("alt", url + "?feature_date=" + today);
    }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="r" src="https://mywebsite.com&DateTime=" width="400">
0 голосов
/ 03 июня 2019

Для этого вы также можете использовать библиотеку date-fnc. 

import { formatToTimeZone } from 'date-fns-timezone';

const value = new Date();
const pattern = 'MMM. DD, YYYY [at] H:mma [MT]';

const outputDate =  formatToTimeZone(value, pattern, { timeZone: 'MST' })

Это ссылка на параметры формата https://date -fns.org / v1.9.0 / docs / format

И это для часовых поясов date-fnc https://date -fns.org / v2.0.0-alpha.27 / docs / Часовые пояса

0 голосов
/ 19 октября 2018

Как отмечено в моем комментарии, вы можете использовать new Date().toLocaleString('en-US', {timeZone: 'America/Denver'}) в зависимости от потребностей поддержки вашего браузера, но вы должны знать, что toLocaleString локали и опции могут не поддерживаться в Edge и не поддерживатьсяв веб-обозревателе Android .

Чтобы выполнить свою функцию до завершения и преобразовать время UTC в горное время (либо стандартное время горы, либо летнее время горы в зависимости от времени года), вам придется продлитьфункция для обработки летнего времени.Например (именно поэтому такие библиотеки, как Moment.js так популярны, и, возможно, стоит обратить внимание на ваши потребности): 

const twoDigit = (d) => (d < 10 ? '0' : '') + d;

const getMountainTime = () => {

  let d = new Date(); // current datetime
  let year = d.getUTCFullYear(); // utc year
  let month = d.getUTCMonth(); // utc month (jan is 0)
  let date = d.getUTCDate(); // utc date
  let hour = d.getUTCHours(); // utc hours (midnight is 0)
  var minute = d.getUTCMinutes(); // utc minutes
  var second = d.getUTCSeconds(); // utc seconds
  let day = d.getUTCDay(); // utc weekday (sunday is 0)
  let offset = 6; // assume MDT to start
  let adjust = 1; // offset adjustment at DST
  let mar = (month === 2); // march boolean
  let nov = (month === 10); // november boolean
  
  // handle march and november (DST change months)
  if (mar || nov) {
    if (mar) {
      offset = 5; // assume EST to start
      adjust = -1; // DST adjustment to EDT
    }
    // handle offset shift to prior day
    if (hour - offset < 0) {
      date -= 1;
      day -= 1;
    }
    // handle date ranges when DST change may or may not have occurred yet 
    if ((mar && date > 7 && date < 15) || (nov && date < 8)) {
      // DST adjustment on or after DST sunday at 2:00am
      if (date >= date - day && hour - offset >= 2) {
        offset += adjust;
      }
    // DST adjustment for dates after DST change has already occured  
    } else if ((mar && date > 14) || (nov && date > 7)) {
      offset += adjust;
      // handle MDT to MST offset shift to prior day (not already handled above)
      if (nov && hour === 4) {
        date -= 1;
        day -= 1;
      }
    }
  // handle months without DST changes
  } else {
    // MDT to MST adjustment for MST months
    if (month < 2 || month > 10) {
      offset += adjust;
    }
    // handle offset shift to prior day
    if (hour < offset) {
      day -= 1;
    }
  }
  
  let mm = twoDigit(month + 1);
  let dd = twoDigit(date);
  let hh = twoDigit(hour);
  let mn = twoDigit(minute);
  let ss = twoDigit(second);
  return mm + '/' + dd + '/' + year + ' ' + hh + ':' + mn + ':' + ss
}

let denver = getMountainTime();

console.log(denver);
...