Як я можу використовувати .toLocaleTimeString () без відображення секунд?

Зараз я намагаюся відобразити час користувача, не відображаючи секунд. Чи є спосіб це зробити за допомогою .toLocaleTimeString () Javascript?

Робити щось подібне:

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

відображатиме час користувача з кожною одиницею, наприклад, він відображається в 15:39:15. Чи я в змозі відобразити ту саму струну, лише без секунд? (наприклад, 15: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 (це знак Unicode зліва направо).

Я припускаю, що якщо відформатований час містить щось на кшталт "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-подібних локалів. Якщо ви також хотіли подібного результату, скажімо, з англійської англійської мови (en-GB), яка не використовує AM / PM, потрібен інший регулярний вираз.

Грунтуючись на вибірці вихідного опитувача, я припускаю, що вони мали справу переважно з американською аудиторією та схемою часу в США.

Просто перетворіть дату в рядок, а потім з'єднайте потрібні підрядки.

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