Làm cách nào để sử dụng .toLocaleTimeString () mà không hiển thị giây?

Tôi hiện đang cố gắng hiển thị thời gian của người dùng mà không hiển thị giây. Có cách nào tôi có thể làm điều này bằng cách sử dụng .toLocaleTimeString () của Javascript không?

Làm một cái gì đó như thế này:

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

sẽ hiển thị thời gian của người dùng với mọi đơn vị, ví dụ như hiện tại nó hiển thị 3:39:15 PM. Tôi có thể hiển thị cùng một chuỗi, chỉ cần không có giây không? (ví dụ: 3:39 chiều)

Bạn luôn có thể đặt các tùy chọn, dựa trên trang này bạn có thể đặt, để thoát khỏi giây, một cái gì đó như thế này

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

Được hỗ trợ bởi Firefox, Chrome, IE9 + và Opera. Hãy thử nó trên bảng điều khiển trình duyệt web của bạn.

Điều này làm việc cho tôi:

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

Giá trị được trả về bởi Date.prototype.toLocaleString phụ thuộc vào việc triển khai, do đó bạn nhận được những gì bạn nhận được. Bạn có thể thử phân tích chuỗi để loại bỏ giây, nhưng nó có thể khác nhau trong các trình duyệt khác nhau, do đó bạn cần phải có trợ cấp cho mọi trình duyệt đang sử dụng.

Tạo định dạng rõ ràng, riêng của bạn không khó bằng các phương thức Date. Ví dụ:

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');
}

Với các địa phương:

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

Tôi cũng đã tìm kiếm giải pháp cho vấn đề này, đây là những gì cuối cùng tôi đã nghĩ ra:

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;
}

Bạn có thể dùng thử tại đây: http://jsfiddle.net/B5Zrx/

\ u200E là một số ký tự định dạng mà tôi đã thấy trên một số phiên bản IE (đó là unicode đánh dấu từ trái sang phải).

Tôi giả sử rằng nếu thời gian được định dạng chứa thứ gì đó như "XX: XX: XX" thì đó phải là thời gian bằng giây và tôi xóa phần cuối cùng, nếu tôi không tìm thấy mẫu này, không có gì thay đổi. Khá an toàn, nhưng có nguy cơ để lại vài giây trong một số trường hợp kỳ lạ.

Tôi chỉ hy vọng rằng không có miền địa phương nào có thể thay đổi thứ tự các phần thời gian được định dạng (ví dụ: làm cho nó ss: mm: hh). Dấu từ trái sang phải này khiến tôi hơi lo lắng về điều đó, đó là lý do tại sao tôi không xóa dấu từ phải sang trái (\ u202E) - Tôi không muốn tìm thấy kết quả khớp trong trường hợp này và rời khỏi thời gian được định dạng bằng giây trong trường hợp đó.

Bạn có thể thử điều này, đang làm việc cho nhu cầu của tôi.

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

hoặc là

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

Đây là một chức năng sẽ làm điều đó, với các ý kiến ​​giải thích:

  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
  }

Vì, như những người khác đã lưu ý, toLocaleTimeString () có thể được triển khai khác nhau trong các trình duyệt khác nhau, cách này giúp kiểm soát tốt hơn.

Để tìm hiểu thêm về đối tượng Ngày Javascript, đây là một tài nguyên tốt: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

Tôi nghĩ rằng câu hỏi ban đầu có thể dễ dàng được trả lời với một cái gì đó bị bỏ qua cho đến nay: một chuỗi tách đơn giản. Thời gian được trả về là một chuỗi văn bản, chỉ cần phân tách nó trên dấu phân cách ":" và lắp lại chuỗi theo cách bạn muốn. Không cắm, không có kịch bản phức tạp. và ở đây ya đi:

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;
}

Mặc dù đây là một câu hỏi cũ hơn, gần đây tôi đã có một câu hỏi tương tự, và đã đưa ra một giải pháp đơn giản hơn bằng cách sử dụng các biểu thức thông thường và hàm thay thế chuỗi như một cách thay thế khác (không cần thư viện js bên ngoài hoặc phụ thuộc vào API nội bộ ECMAScript) :

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

Cách tiếp cận này sử dụng giao diện regex phía trước để lấy phần cuối: ss AM / PM của chuỗi và thay thế phần: ss bằng một khoảng trắng, trả lại phần còn lại của chuỗi chưa được chạm. (Nghĩa đen là "Tìm một dấu hai chấm có hai chữ số và một khoảng trắng được theo sau bởi AM hoặc PM và thay thế dấu hai chấm, hai chữ số và phần không gian chỉ bằng một khoảng trắng).

Biểu thức / cách tiếp cận này chỉ hoạt động đối với các Địa điểm giống như Hoa Kỳ và en-US. Nếu bạn cũng muốn có một kết quả tương tự, giả sử, tiếng Anh Anh (en-GB), không sử dụng AM / PM, thì cần có một biểu thức chính quy khác.

Dựa trên đầu ra mẫu của người hỏi ban đầu, tôi cho rằng họ chủ yếu giao dịch với khán giả Mỹ và lược đồ thời gian của Hoa Kỳ.

Đơn giản chỉ cần chuyển đổi ngày thành một chuỗi, và sau đó nối các chuỗi con bạn muốn từ chuỗi đó.

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