Не получется сделать скрипт, который проверяет текущую дату на сервере и прибавляет +2 дня к цифре в теге?

Question

[Андрей Андреев]

я учу js. хочу написать простенький скрипт, который проверяет текущую дату на сервере и прибавляет +2 дня к сегодняшнему числу, а затем выводит результат в span.
например,
сегодня 9 сентября, скрипт смотрит сегодняшнюю дату, затем прибавляет +2 дня и выводит результат в span.

<p>До <span id="data">11</span> сентября получите подарок.</p>

как это реализовать более изящно)

Comments

[Андрей Андреев]

всем большое спасибо!

Answer 1

[Stalker_RED]

JS в браузере понятия не имеет какое время на сервере. Можно серверным скриптом прописать серверное время на странице.

var serverTimestamp = <?php echo time();?> // или какой там у вас серверный язык
var serverDate = new Date(serverTimestamp)
var day = serverDate.getDay()

Остается добавить двойку и вывести в спан

document.getElementById('data').innerHTML = day + 2;

Comments

[Андрей Андреев]

document.getElementById('data').innerHTML = day + 2;
а как вместо id, выбрать все элементы с классом .data?
getElementsByClassName - выбирает только первый элемент.

[Stalker_RED]

Андрей Андреев: document.querySelectorAll('.data')

[Андрей Андреев]

не работает jsfiddle.net/mfL3g60b

[Stalker_RED]

Андрей Андреев: потому что querySelectorAll возвращает не один элемент а nodeList
jsfiddle.net/mfL3g60b/1

[Stalker_RED]

Андрей Андреев: да, и вы же в курсе, что на клиентах бывают разные часовые пояса, и вообще может стоять неправильная дата. К примеру 10 апреля 2035 года.

[Андрей Андреев]

спасибо!

Answer 2

[Alex]

function getDate() {
  var months = [ 'января', 'февраля', 'марта', 'апреля', 'мая', 'июня', 'июля', 'августа', 'сентября', 'октября', 'ноября', 'декабря' ];
  var date = new Date(); // Получаем сегодняшнюю дату
  date.setDate(date.getDate() + 2); // Прибавляем два дня

  return date.getDate() + ' ' + months[date.getMonth()];
}

function setGiftDate() {
  Array.prototype.forEach.call(document.querySelectorAll('.data'), function(elem) {
    elem.innerHTML = giftDate;
  });
}

setGiftDate(getDate());

<p>До <span class="data"></span> получите подарок.</p>
<p>Получите подарок до <span class="data"></span>.</p>

Comments

[Андрей Андреев]

сегодня 9 сентября, скрипт смотрит сегодняшнюю дату, затем прибавляет +2 дня и выводит результат в span с id="data". как это сделать?

[Андрей Андреев]

Огромное спасибо, все работает!

[Андрей Андреев]

извините за глупость, но как сделать чтобы результат выводился сразу в несколько span элементов с классом "data"? вариант с id отпадает в связи с уникальностью.

[Alex]

Обновил ответ.

Answer 3

[Tema]

var today = new Date();
var then = new Date(today.getTime() + 2*60*60*24*1000);
document.getElementById('data').innerText = then.getDate();

Comments

[Stalker_RED]

это время клиента, а не сервера

[Tema]

Stalker_RED: да, да я понял уже после того как отписался