Microsoft Edge javascript toLocaleTimeString khoảng cách không chính xác

Question

Tôi đang gặp khó khăn khi hiểu những gì đang diễn ra với một số JavaScript có vẻ hoạt động khác trong Edge. Cụ thể luộc nó xuống:

var testi = new Date().toLocaleTimeString(); 
var len2 = testi.length; 
alert(len2); 

chiều dài của tôi trong Edge là 17, trong Chrome và IE đó là 10 Dường như có một số không gian ảo trong chuỗi, nó cũng hơi say lên cố gắng của tôi để substring nó.

https://jsfiddle.net/m1m8h7ym/

FYI múi giờ của tôi là Trung tâm Hoa Kỳ.

Answer 1

Có vẻ như Microsoft đang trượt ở the invisible left-to-right mark. Điều này cũng xảy ra trong IE11 ở chế độ Edge. I figured này bằng cách lặp qua từng nhân vật trong chuỗi và đi qua nó để encodeURIComponent()

var output = document.getElementById("output"); 
 
var testi = new Date().toLocaleTimeString(); 
 
var row; 
 
for (var i = 0, len = testi.length; i < len; i++) { 
 
    row = document.createElement("pre"); 
 
    row.innerHTML = encodeURIComponent(testi[i]); 
 
    output.appendChild(row); 
 
}

<div id="output"></div>

Bạn có thể cởi nó ra bằng cách loại bỏ nó bằng unicode của nó, mà có thể được chụp trong regex bởi biểu thức \u200E.

var output = document.getElementById("output"); 
 
var testi = new Date().toLocaleTimeString().replace(/\u200E/g,""); 
 
var row; 
 
for (var i = 0, len = testi.length; i < len; i++) { 
 
    row = document.createElement("pre"); 
 
    row.innerHTML = encodeURIComponent(testi[i]); 
 
    output.appendChild(row); 
 
}

<div id="output"></div>