Как работать с type="time" в javascript?

Пользователь

от bernardo_nolan , в категории: JavaScript , 10 месяцев назад

Как работать с type="time" в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от marlen , 10 месяцев назад

@bernardo_nolan 

Чтобы работать с элементом с атрибутом type="time" в JavaScript, можно использовать свойство value для доступа к значению времени, выбранному пользователем. Вот пример:


HTML:

1
2
Получить время


JavaScript:

1
2
3
4
5
function getTime() {
  var timeInput = document.getElementById("myTimeInput");
  var selectedTime = timeInput.value;
  console.log(selectedTime);
}


В данном примере, при нажатии на кнопку "Получить время", функция getTime() будет выводить выбранное значение времени в консоль.


Обратите внимание, что значение времени будет представляться в формате "HH:mm". Если вы хотите выполнить дополнительные операции с временем, например, преобразовать его в объект Date для проведения сравнений или вычисления разницы, вам может потребоваться выполнить дополнительную обработку. Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
function getTime() {
  var timeInput = document.getElementById("myTimeInput");
  var selectedTime = timeInput.value;
  
  // Разбиваем значение времени на часы и минуты
  var hours = selectedTime.split(":")[0];
  var minutes = selectedTime.split(":")[1];
  
  // Преобразовываем значения в числа
  hours = parseInt(hours);
  minutes = parseInt(minutes);
  
  // Создаем объект Date и устанавливаем время
  var dateObj = new Date();
  dateObj.setHours(hours);
  dateObj.setMinutes(minutes);
  
  // Теперь можно выполнять операции с объектом Date, например, сравнивать с другими датами
  console.log("Выбранное время: " + dateObj.toString());
}


В этом примере мы разбиваем значение времени на часы и минуты, преобразовываем их в числа и создаем объект Date, чтобы получить полную дату с выбранным временем.