Блог

Я пытаюсь отобразить дату, когда нажимаю кнопку для каждого элемента в запросе mysql. У каждого элемента есть кнопка, и когда я нажимаю на нее, я хочу отобразить текущую дату. и когда я снова нажму ту же кнопку для того же элемента, дата должна обновиться

Я использовал этот код :

 <button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>

<p id="demo"></p>
 

но когда я обновляю страницу, я хочу сохранить последнюю дату (все еще отображаемую).

Не могли бы вы мне помочь?

Спасибо

Это будет что-то вроде этого:

1. определите свойство для локального хранилища: let myStorage = window.localStorage;
2. Проверьте, существует ли ваше свойство уже в вашем хранилище, если оно существует, установите p текст со значением оттуда
3. При нажатии на кнопку установите новое значение вашей собственности с текущей датой, используя new Date();

 let myStorage = window.localStorage;

// when you refresh the page, set the p text to the existing value from localstorage
if (myStorage.getItem('myBtnTime')) {
  document.getElementById('demo').innerHTML = myStorage.getItem('myBtnTime');
} else {
  document.getElementById('demo').innerHTML = "Nothing saved, please click the button";
}

function setDate() {
  myStorage.setItem('myBtnTime', new Date());
  document.getElementById('demo').innerHTML = myStorage.getItem('myBtnTime');
} 

 <button type="button" onclick="setDate()">Click me to display Date and Time.</button>

<p id="demo"></p> 

Вы можете использовать сеанс для сохранения даты()

sessionStorage() запоминает последнее значение.

Чтобы использовать его вот так

 sessionStorage('key', 'value');
 

Полный Пример

HTML

 <button type="button" onclick="ambildate()">
Click me to display Date and Time.</button>

<p id="demo"></p>
 

JS

 $(document).ready(function() {
var p = document.getElementById('demo');
p.innerHTML = sessionStorage.getItem('current');
});

function ambildate(){
var p = document.getElementById('demo');
var T = Date();
p.innerHTML = T;
sessionStorage.setItem('current', T);
}