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

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

1 个答案: