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>
相关推荐
xuanjiong2 小时前
微信小程序,基于uni-app的轮播图制作,调用文件中图片
微信小程序·小程序·uni-app
flying robot2 小时前
uniapp: 低功耗蓝牙(BLE)的使用
uni-app
程序猿John2 小时前
uniapp跳转和获取参数方式
前端·javascript·uni-app
七七小报17 小时前
uniapp-商城-38-shop 购物车 选好了 进行订单确认4 配送方式1
uni-app
七七小报19 小时前
uniapp-商城-39-shop 购物车 选好了 进行订单确认4 配送方式2 地址页面
uni-app
G_GreenHand19 小时前
uniapp 仿小红书轮播图效果
uni-app
性野喜悲1 天前
uniapp返回上一页接口数据更新了,页面未更新
uni-app
冰镇生鲜1 天前
小程序·安全·胶囊·容器组件
前端·vue.js·uni-app
盛夏绽放1 天前
uni-app云开发总结
uni-app·云开发
halo14161 天前
uni-app 小程序中的定位问题 以及 页面安全距离
小程序·uni-app