我在Angular中使用了一個原生的HTML日期輸入組件，如下所示--
< input #dateField id="dateField" type="date"/span>>
@ViewChild("dateField"/span>) el: ElementRef。
onClick（） {
console.log(this. el.nativeElement.shadowRoot）。)
}
它根據用戶的作業系統區域設定來渲染日期，如下所示-
然而，每當我試圖從這個欄位中訪問值時，它總是以 "yyyy-mm-dd "格式回傳值。
我想訪問實際的字串值，該值將根據用戶的地區設定顯示在用戶界面上，如'16-Sep-2021'。有什么方法可以實作這一點嗎？我已經嘗試了諸如innerHTML、textContent、innerText、outerText等屬性，但它們都沒有回傳實際顯示的值。
此外，是否有可能訪問顯示該日期值的地區資訊？即使是默認的占位符文本 -
我也無法訪問這個元素上的shadowRoot屬性，它總是回傳空。
另外，這并不是Angular所特有的，即使是普通的Javascript也會得到相同的結果。
uj5u.com熱心網友回復：
沒有辦法實作你所尋找的。你只能以下列格式之一檢索值：
value將回傳yyyy-mm-dd中的日期。valueAsNumber將回傳日期的時間間隔 。
valueAsDate將回傳JavaScript Date格式的日期。
uj5u.com熱心網友回復：
在angular中你可以使用，
fromDate
包將日期轉換為你想要的輸出，這里有一個片段，只要在需要的地方復制和粘貼，你就可以看到你想要的日期格式：
//add this。
import { formatDate } from "@angular/common"/span>。
//format it
const format = 'dd/MM/yyyy'。
const myDate = '2019-sep-16';
const locale = 'en-US';
const formattedDate = formatDate（myDate, format, locale）。
console.log（formattedDate）/16/09/2019。
希望這對你有幫助 :-p
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/328384.html
標籤：
上一篇：如何隨機化div的位置