谷歌Web应用图片无法加载，日期显示带时区问题求助

解决Logo无法加载的问题 #

• 先检查Google Drive上的图片文件权限：必须设置为**“任何人拥有链接均可查看”**，否则Web应用没有权限访问该图片。
• 当前使用的https://drive.google.com/uc?export=download&id=xxx链接格式是正确的，只要权限设置到位就能正常加载。

去掉日期的时区信息 #

直接调用Date()会返回带时区的完整字符串，你可以用以下两种方式格式化日期时间：

方式1：用toLocaleString()快速格式化 #

const today = new Date().toLocaleString();
document.getElementById('date').innerHTML = today;

这个方法会生成类似2024/5/20 14:30:00的本地化日期时间，不带时区信息。

方式2：手动拼接自定义格式 #

如果你需要更精准的格式控制，可以手动提取日期时间字段：

const now = new Date();
const formattedDate = `${now.getFullYear()}/${now.getMonth()+1}/${now.getDate()} ${now.getHours()}:${now.getMinutes().toString().padStart(2, '0')}`;
document.getElementById('date').innerHTML = formattedDate;

修正后的完整代码 #

我还调整了CSS布局，用flex替代float让头部元素排列更稳定，避免布局错乱：

<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <base target="_top">
    <style>
      .heading {
        font-size: 30px;
        font-weight: bold;
        background-color:#9a9999;
        width: 100%;
        height: 100px;
        display: flex;
        align-items: center;
        gap: 15px;
        padding-left: 20px;
      }

      .date {
        font-size: 16px;
        font-weight: normal;
      }
      img {
        height: 40px; 
        width: 40px;
      }
    </style>
  </head>
  <body>
    <div class="heading">
      <img src="https://drive.google.com/uc?export=download&id=1JP06az8YEfm0CMnPgkahaponh71iTk_X">
      <div class="date" id="date"></div>
      <div style="margin-left: auto; margin-right: 20px;">Sample header</div>
    </div>
    <script>
      const today = new Date().toLocaleString();
      document.getElementById('date').innerHTML = today;
    </script>
  </body>
</html>

内容的提问来源于stack exchange，提问作者Sunil Panda