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>
相关推荐
洗发水很好用6 小时前
uniApp打包H5发布到服务器(docker)
uni-app
YUJIAN。6 小时前
使用uniapp开发微信小程序-框架搭建
微信小程序·小程序·uni-app
还这么多错误?!15 小时前
uniapp微信小程序,使用fastadmin完成一个一键获取微信手机号的功能
微信小程序·小程序·uni-app
IT 前端 张16 小时前
Uniapp 手机基座调试App 打包成Apk文件,并上传到应用商店
uni-app
User_undefined16 小时前
uniapp Native.js原生arr插件服务发送广播到uniapp页面中
android·javascript·uni-app
web1350858863516 小时前
uniapp小程序使用webview 嵌套 vue 项目
vue.js·小程序·uni-app
麦兜*16 小时前
轮播图带详情插件、uniApp插件
前端·javascript·uni-app·vue
veminhe16 小时前
uni-app使用组件button遇到的问题
uni-app·vue
m0_7482400216 小时前
uniapp跨平台开发---webview调用app方法
uni-app
407指导员16 小时前
uniapp 微信小程序 页面部分截图实现
微信小程序·小程序·uni-app