С появлением браузеров, основанных на движке WebKit, таких как Safari на мобильных устройствах Apple, возникает проблема с отображением времени, когда используется функция Date.parse() JavaScript. Проблема заключается в том, что браузер не может правильно интерпретировать строку даты, содержащую только цифры и двоеточия, и вместо этого возвращает значение "NaN" (Not a Number).
Основная причина этого поведения связана с форматом времени, используемым на iPhone и других мобильных устройствах Apple. В отличие от большинства других операционных систем, таких как Windows или Android, где формат времени явно определен, iOS использует общий формат времени, который зависит от языка и региональных настроек устройства.
При попытке парсить строку времени в формате HH:MM:SS, функция Date.parse() не может корректно интерпретировать такой формат и возвращает "NaN". Это происходит потому, что "HH:MM:SS" не является форматом даты и JavaScript не распознает его в качестве валидной даты.
Чтобы решить эту проблему и получить правильное значение времени, необходимо выполнить парсинг строки времени вручную. Для этого можно воспользоваться методами строк JavaScript, такими как split() и parseInt(), чтобы получить значения часов, минут и секунд, а затем создать новый объект Date с помощью этих значений.
Вот пример кода, который позволит корректно обработать и отображать время на iPhone:
var timeString = '12:30:45';
var timeArray = timeString.split(':');
var hours = parseInt(timeArray[0]);
var minutes = parseInt(timeArray[1]);
var seconds = parseInt(timeArray[2]);
var date = new Date();
date.setHours(hours);
date.setMinutes(minutes);
date.setSeconds(seconds);
console.log(date);
После выполнения этого кода вы увидите объект Date, соответствующий введенному времени, который может быть отображен в нужном формате или использован в дальнейшей обработке.
Важно отметить, что этот код предполагает, что входная строка времени всегда будет содержать правильное значение часов, минут и секунд, разделенное двоеточием. Если входная строка не соответствует этому формату, код может вызывать ошибки или возвращать некорректные значения. Поэтому рекомендуется проверять входные данные перед их обработкой.