uni-app过滤器在vue 3中不支持，vue 2中需乘以1000转毫秒并用tolocalestring('zh-cn')确保北京时间，vue 3应改用setup函数、composable或计算属性，避免moment/dayjs兼容问题。
uni-app里过滤器无法直接处理时间戳格式化？
uni-app的过滤器（filters）在 Vue 2 模式下可用，但 Vue 3 模式（即使用 setup 语法糖的项目）默认不支持全局过滤器——这是最容易踩的坑。如果你用的是 HBuilderX 新建的默认模板，大概率是 Vue 3 + Composition API，此时写 filters 根本不会生效。
Vue 2 项目中如何正确定义时间戳过滤器
确认项目为 Vue 2 模式（manifest.json 中 "vueVersion": "2"），再在 main.js 或页面级 export default 中定义：
filters: {
toBJTime(timestamp) {
if (!timestamp) return ''
// 注意：Unix 时间戳是秒级，JS Date 需要毫秒级
const date = new Date(timestamp * 1000)
return date.toLocaleString('zh-CN', {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
})
}
}
模板中使用：{{ 1717023600 | toBJTime }} → 输出类似 2024-05-30 15:00:00
- 必须乘以
1000，否则显示为 1970 年（常见错误） -
toLocaleString('zh-CN')保证时区为东八区（浏览器本地时区可能不是北京时间） - 若需更精确控制（如固定 24 小时制、补零），不能依赖
toLocaleString的隐式行为，应手动拼接
Vue 3 项目该用什么替代过滤器？
直接放弃 filters，改用以下任一方式：
- 在
setup()中定义函数：const formatTime = (ts) => { ... }，然后在模板中调用{{ formatTime(item.time) }} - 封装为
composable（如useTimeFormatter()），便于复用 - 使用计算属性或
watchEffect处理动态时间戳（如倒计时场景）
注意：Date 构造函数对 Unix 时间戳的处理逻辑不变，仍需 ts * 1000；且 new Date() 在不同端（H5/小程序/App）表现一致，无需额外 polyfill。
为什么不能直接用 moment 或 dayjs？
虽然功能更强，但在 uni-app 小程序端（尤其是微信）存在兼容风险：
-
moment体积大（>150KB），影响包大小和启动速度 -
dayjs的timezone插件在部分小程序平台（如支付宝）会报Cannot read property 'getTimezoneOffset' of undefined - 纯 JS 实现的格式化（如上面的
toLocaleString或手写yyyy-MM-dd HH:mm:ss拼接）更轻量、更可控
真正容易被忽略的是：**时间戳来源是否可靠**。后端传来的 1717023600 看似是秒级，但有些接口会误传毫秒级，建议在过滤器/函数开头加类型和范围校验（比如 timestamp > 1e9 && timestamp ）。
