uniapp【组件封装】时间戳格式化为星期

组件

components/dos-week.vue

html 复制代码
<template>
	<text>{{week}}</text>
</template>
<script>
	export default {
		props: {
			'time': String
		},
		mounted(e) {
			this.week = this.getWeek(Number(this.time))
		},
		data() {
			return {
				week: ''
			}
		},
		methods: {
			// 通过时间戳计算星期,如 getWeek(1706190315813),得到 周三  
			getWeek(strDate, type) {
				let index = new Date(strDate).getDay();
				let weekList = []
				if (type === '星期') {
					weekList = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
				} else {
					weekList = ["周天", "周一", "周二", "周三", "周四", "周五", "周六"];
				}
				return weekList[index];
			}
		}
	}
</script>

使用

js 复制代码
import DOS_week from './components/dos-week.vue'
js 复制代码
components: {
	DOS_week
},
html 复制代码
<DOS_week :time='item.time'></DOS_week>
相关推荐
Rysxt_2 小时前
uni-app路由跳转完全指南:从基础到高级实践
uni-app
一壶纱6 小时前
UniApp + Pinia 数据持久化
前端·数据库·uni-app
酒醉的胡铁12 小时前
uniapp解决video组件在ios上全屏页面旋转90度,组件旋转180度
ios·uni-app
2501_9159184113 小时前
iOS App的tcp、udp数据包抓取在实际开发中的使用方式
android·tcp/ip·ios·小程序·udp·uni-app·iphone
_木棠13 小时前
uniapp:H5端reLaunch跳转后,返回还有页面存在问题
前端·uni-app
小庄梦蝶13 小时前
uniapp增加在线更新的功能---整体
uni-app
带着梦想扬帆启航14 小时前
uni-app 全端动态换肤方案 (Vue2 + uView 1.0)
uni-app·uview·换肤·换色·切换主题色
小钟不想敲代码14 小时前
uni-app全局文件
uni-app
郑州光合科技余经理15 小时前
从国内到海外:同城o2o本地生活服务平台国际化实战
java·开发语言·javascript·mysql·uni-app·php·生活
悬剑131415 小时前
基于物联网嵌入式的智能家居使用新大陆云和本地API
uni-app·智能家居·新大陆