作品集天气应用仅Safari不显示星期几，求排查与解决方法

从你提供的截图和代码来看，核心问题出在Safari浏览器对日期字符串的解析规则与Chrome、Firefox不同，导致convertDate函数无法生成有效的星期几文本，最终出现空白。

为什么只有Safari出问题？ #

Safari严格遵循ECMAScript标准解析日期字符串，对非ISO标准格式（比如部分自定义格式、旧版Safari对带连字符的YYYY-MM-DD兼容问题）容错性极低，一旦解析失败会返回Invalid Date，后续获取星期几的逻辑自然无法输出内容。而Chrome、Firefox对这类格式做了额外兼容处理，所以能正常解析。

具体解决步骤 #

1. 先排查convertDate函数的实现 #

你的代码中渲染星期几的部分依赖convertDate(item.datetime)，先检查这个函数是否直接使用了new Date(item.datetime)——如果是，大概率是日期格式不被Safari支持。比如常见的问题代码：

function convertDate(dateStr) {
  const date = new Date(dateStr);
  // 若date是Invalid Date，getDay()返回NaN，数组取值会得到undefined
  return ['周日','周一','周二','周三','周四','周五','周六'][date.getDay()];
}

2. 修复日期解析兼容性 #

针对Safari的问题，推荐两种可靠的修复方式：

方式一：标准化日期格式

如果item.datetime是YYYY-MM-DD这类格式，将连字符替换为斜杠，让Safari能正确识别：

function convertDate(dateStr) {
  // 替换连字符为斜杠，适配Safari的日期解析规则
  const compatibleDate = dateStr.replace(/-/g, '/');
  const date = new Date(compatibleDate);
  
  // 增加异常处理，避免解析失败时显示空白
  if (isNaN(date.getTime())) {
    return '未知';
  }
  
  return ['周日','周一','周二','周三','周四','周五','周六'][date.getDay()];
}

方式二：手动拆分日期构造（最可靠）

如果item.datetime的格式固定（比如YYYY-MM-DD），直接拆分年、月、日来构造Date对象，完全绕开格式解析的兼容性问题：

function convertDate(dateStr) {
  // 拆分日期组件（假设格式为YYYY-MM-DD）
  const [year, month, day] = dateStr.split('-').map(Number);
  
  // 注意：Date的月份是0-based，所以要减1
  const date = new Date(year, month - 1, day);
  
  if (isNaN(date.getTime())) {
    return '未知';
  }
  
  return ['周日','周一','周二','周三','周四','周五','周六'][date.getDay()];
}

3. 额外验证：时区问题（可选） #

如果item.datetime包含时区信息，建议使用Date.UTC构造UTC日期后再转换为本地时间，避免时区偏移导致的解析错误：

function convertDate(dateStr) {
  const [year, month, day] = dateStr.split('-').map(Number);
  // 构造UTC日期，再转换为本地时间
  const utcDate = new Date(Date.UTC(year, month - 1, day));
  return ['周日','周一','周二','周三','周四','周五','周六'][utcDate.getDay()];
}

4. 测试验证 #

修改后在Safari移动端测试，确认星期几正常显示，同时保留Chrome、Firefox的兼容性测试，确保修复不会影响其他浏览器的表现。

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