日曆中的日期將刷新頁面時返回當前日期

Question

我在UI上有一個日曆，並且最初在加載頁面時，當前日期應該顯示在日曆中。

現在

$('#single_cal1').attr("placeholder", new Date().toLocaleDateString()); 

如果用戶選擇日曆中的另一日期我能夠更新日曆中的日期爲根據選擇：我對實現這一目標。

問題：刷新頁面時，日曆框中的日期回到當前日期。而且很明顯，因爲在頁面刷新我的代碼

$('#single_cal1').attr("placeholder", new Date().toLocaleDateString()); 

運行並將日期設置爲當前。

請注意，我始終在localStorage中提供「用戶選擇日期」。

目前代碼：

<script> 
$('#single_cal1').attr("placeholder", new Date().toLocaleDateString()); 
</script> 

代碼我想實現：

<script> 
var x = localStorage.getItem('date'); // OUPTUT OF DATE IS 2016-08-19T14:22:53.339Z 
var y = x.toLocaleDateString(); 
    $('#single_cal1').attr("placeholder",y); 
    </script> 

，但我得到的錯誤。而且我知道爲什麼我會出錯。有什麼辦法可以格式化我從本地存儲獲得的日期。謝謝！

Answer 1

你可以簡單地做：

var y = new Date(x).toLocaleDateString(); 
// new Date('2016-08-19T14:22:53.339Z').toLocaleDateString() 
// returns 8/19/2016