Javascript / JQuery在第一次加载时加载当前日期，但在更改页面后保存日期

在Javascript / JQuery中，可以通过以下步骤实现在第一次加载页面时加载当前日期，并在更改页面后保存日期：

1. 首先，在HTML页面中引入JQuery库，可以通过以下方式引入：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

1. 在页面加载完成后，使用JQuery的$(document).ready()函数来执行代码。在该函数中，可以使用Date()对象获取当前日期，并将其显示在页面上。代码示例如下：

$(document).ready(function() {
  var currentDate = new Date();
  var formattedDate = currentDate.toLocaleDateString(); // 格式化日期为字符串
  $("#date").text(formattedDate); // 将日期显示在id为"date"的元素中
});

在上述代码中，我们使用了JQuery的选择器$("#date")来选中id为"date"的元素，并使用.text()函数将日期显示在该元素中。

1. 接下来，我们需要在页面更改后保存日期。可以通过监听页面的变化事件，例如点击按钮或输入框内容改变等，来触发保存日期的操作。在保存日期时，可以使用localStorage对象将日期存储在浏览器的本地存储中。代码示例如下：

$(document).on("change", function() {
  var currentDate = new Date();
  var formattedDate = currentDate.toLocaleDateString(); // 格式化日期为字符串
  localStorage.setItem("savedDate", formattedDate); // 将日期保存在localStorage中
});

在上述代码中，我们使用了JQuery的.on()函数来监听页面的变化事件。在事件触发时，我们再次获取当前日期，并使用localStorage.setItem()函数将日期存储在名为"savedDate"的键中。

1. 最后，在页面加载时，检查是否存在已保存的日期，并将其显示在页面上。可以在$(document).ready()函数中添加以下代码：

$(document).ready(function() {
  var savedDate = localStorage.getItem("savedDate"); // 获取已保存的日期
  if (savedDate) {
    $("#date").text(savedDate); // 将已保存的日期显示在id为"date"的元素中
  }
});

在上述代码中，我们使用localStorage.getItem()函数获取名为"savedDate"的键对应的值，即已保存的日期。如果存在已保存的日期，则将其显示在页面上。

通过以上步骤，我们可以实现在第一次加载页面时加载当前日期，并在更改页面后保存日期的功能。请注意，以上代码仅为示例，实际应用中可能需要根据具体情况进行适当的修改和优化。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，可满足不同规模和需求的应用场景。详情请参考腾讯云云服务器产品介绍。
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和处理各种类型的非结构化数据。详情请参考腾讯云对象存储产品介绍。