Как мне использовать .toLocaleTimeString () без отображения секунд?

В настоящее время я пытаюсь отобразить время пользователя без отображения секунд. Есть ли способ, которым я могу сделать это, используя Javascript .toLocaleTimeString ()?

Делать что-то вроде этого:

var date = new Date();
var string = date.toLocaleTimeString();

будет отображать время пользователя с каждой единицей, например, в настоящее время он показывает 3:39:15 вечера. Могу ли я отобразить эту же строку без секунд? (например, 3:39 вечера)

Вы всегда можете установить параметры, основываясь на этой странице, которую вы можете установить, чтобы избавиться от секунд, что-то вроде этого

var dateWithouthSecond = new Date();
dateWithouthSecond.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'});

Поддерживается Firefox, Chrome, IE9 + и Opera. Попробуйте это на консоли вашего браузера.

Это работает для меня:

var date = new Date();
var string = date.toLocaleTimeString([], {timeStyle: 'short'});

Значение, возвращаемое Date.prototype.toLocaleString, зависит от реализации, поэтому вы получаете то, что получаете. Вы можете попытаться проанализировать строку, чтобы удалить секунды, но она может отличаться в разных браузерах, поэтому вам нужно будет учесть все используемые браузеры.

Создать собственный, однозначный формат не сложно, используя методы Date. Например:

function formatTimeHHMMA(d) {
  function z(n){return (n<10?'0':'')+n}
  var h = d.getHours();
  return (h%12 || 12) + ':' + z(d.getMinutes()) + ' ' + (h<12? 'AM' :'PM');
}

С локалями:

var date = new Date();
date.toLocaleTimeString('fr-FR', {hour: '2-digit', minute: '2-digit'})

Я также искал решение этой проблемы, вот что я в итоге придумал:

function getTimeStr() {
    var dt = new Date();
    var d = dt.toLocaleDateString();
    var t = dt.toLocaleTimeString();
    t = t.replace(/\u200E/g, '');
    t = t.replace(/^([^\d]*\d{1,2}:\d{1,2}):\d{1,2}([^\d]*)$/, '$1$2');
    var result = d + ' ' + t;
    return result;
}

Вы можете попробовать это здесь: http://jsfiddle.net/B5Zrx/

\ u200E - это какой-то символ форматирования, который я видел в какой-то версии IE (это метка слева направо в юникоде).

Я предполагаю, что если форматированное время содержит что-то вроде «XX: XX: XX», то это должно быть время с секундами, и я удаляю последнюю часть, если я не нахожу этот шаблон, ничего не меняется. Довольно безопасно, но в некоторых странных обстоятельствах есть риск оставить секунды.

Я просто надеюсь, что не существует локали, которая изменила бы порядок форматированных частей времени (например, сделать это ss: mm: hh). Эта метка слева направо заставляет меня немного нервничать по этому поводу, поэтому я не убираю метку справа налево (\ u202E) - я предпочитаю не находить совпадение в этом случае и оставляю время отформатировано с секундами в таком случае.

Вы можете попробовать это, что работает для моих нужд.

var d = new Date();
d.toLocaleTimeString().replace(/:\d{2}\s/,' ');

или

d.toLocaleString().replace(/:\d{2}\s/,' ');

Вот функция, которая сделает это, с комментариями, которые объясняют:

  function displayNiceTime(date){
    // getHours returns the hours in local time zone from 0 to 23
    var hours = date.getHours()
    // getMinutes returns the minutes in local time zone from 0 to 59
    var minutes =  date.getMinutes()
    var meridiem = " AM"

    // convert to 12-hour time format
    if (hours > 12) {
      hours = hours - 12
      meridiem = ' PM'
    }
    else if (hours === 0){
      hours = 12
    }

    // minutes should always be two digits long
    if (minutes < 10) {
      minutes = "0" + minutes.toString()
    }
    return hours + ':' + minutes + meridiem
  }

Поскольку, как отмечали другие, toLocaleTimeString () может быть реализован по-разному в разных браузерах, этот способ обеспечивает лучший контроль.

Чтобы узнать больше об объекте Javascript Date, это хороший ресурс: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

Я думаю, что на первоначальный вопрос можно легко ответить с помощью чего-то, что пока упускается из виду: простой разрыв строки. Возвращаемое время - текстовая строка, просто разделите ее на разделитель «:» и соберите строку так, как вы хотите. Нет плагинов, нет сложных сценариев. и вот вы идете:

var myVar=setInterval(function(){myTimer()},1000);

function myTimer() {
    var d = new Date();
    currentNow = d.toLocaleTimeString();
    nowArray = currentNow.split(':');
    filteredNow = nowArray[0]+':'+nowArray[1];
    document.getElementById("demo").innerHTML = filteredNow;
}

Несмотря на то, что это более старый вопрос, у меня недавно был тот же самый, и я придумал более простое решение, использующее регулярные выражения и функцию замены строк в качестве другой альтернативы (нет необходимости во внешних js-библиотеках или опоре на API-интерфейс интернализации ECMAScript) :

var d = new Date();
var localeTime = d.toLocaleTimeString();
var localeTimeSansSeconds = localeTime.replace(/:(\d{2}) (?=[AP]M)/, " ");

В этом подходе используется просмотр в регулярном выражении для захвата конца строки: ss AM / PM и замена части: ss пробелом, в результате чего остальная часть строки остается нетронутой. (Буквально говорится: «Найдите двоеточие с двумя цифрами и пробелом, за которым следует либо AM, либо PM, и замените двоеточие, две цифры и пробел только пробелом).

Это выражение / подход работает только для en-US и en-US-like Locales. Если вы также хотели получить похожий результат, скажем, с британским английским (en-GB), который не использует AM / PM, необходимо другое регулярное выражение.

Исходя из примера вывода оригинального вопроса, я предполагаю, что они в основном имели дело с американской аудиторией и временной схемой в США.

Просто преобразуйте дату в строку, а затем объедините нужные подстроки из нее.

let time = date.toLocaleTimeString();
console.log(time.substr(0, 4) + time.substr(7, 3))
//=> 5:45 PM