javascript - 刷新页面时，日历中的日期设置回当前日期

Question

我在用户界面上有一个日历，最初加载页面时，当前日期应显示在日历中。我通过以下方式实现这一目标:

$('#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