python Vue3 移动端格式化时间

Python 后端时间格式化
为了在Python后端进行时间格式化，可以利用datetime库来操作日期和时间对象。对于返回给前端的数据，建议将时间转换为ISO 8601标准字符串形式，这样便于跨平台解析。
from datetime import datetime, timezone

def format_time_for_mobile():
current_time = datetime.now(timezone.utc)
formatted_time = current_time.isoformat() # ISO 8601 格式
return {"time": formatted_time}
登录后复制
上述代码片段展示了如何获取当前UTC时间和将其转化为ISO 8601格式[^1]。
Vue3 前端时间格式化
在Vue3应用中展示经过格式化的本地时间，可以通过安装第三方库如date-fns或使用内置的JavaScript Date对象来进行处理：
安装 date-fns 库
如果选择使用date-fns，首先需要通过npm或其他包管理工具安装该库:
npm install date-fns
登录后复制
接着可以在组件内部引入并使用这个库的功能：
import { defineComponent } from 'vue'
import { formatDistanceToNowStrict, parseISO } from 'date-fns'

export default defineComponent({
props: {
isoTime: String,
},
computed: {
readableTime() {
const parsedTime = parseISO(this.isoTime);
return formatDistanceToNowStrict(parsedTime) + ' ago';
}
}
})
登录后复制
这段代码接收来自服务器的一个ISO 8601时间戳作为属性，并计算出相对于现在的相对时间段表示法[^2]。
另外一种方法是直接依赖浏览器环境中的Intl.DateTimeFormat()函数，它可以很好地支持国际化需求：
<script setup>
const props = defineProps(['isoTime']);
</script>

<template>
<p>{{ new Date(isoTime).toLocaleString('zh-CN', { timeZone: 'Asia/Shanghai' }) }}</p>
</template>
登录后复制
这里假设传入的是一个有效的ISO 8601字符串，它会被解释为中国上海时区内的当地时间显示出来[^3]。