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

组件

components/dos-week.vue

<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>

使用

import DOS_week from './components/dos-week.vue'
components: {
   
	DOS_week
},
<DOS_week :time='item.time'></DOS_week>

相关推荐

  1. uniapp【组件封装时间格式化星期

    2024-02-02 07:44:03       57 阅读
  2. 封装长按触发事件的uniapp

    2024-02-02 07:44:03       33 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-02 07:44:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-02 07:44:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-02-02 07:44:03       82 阅读
  4. Python语言-面向对象

    2024-02-02 07:44:03       91 阅读

热门阅读

  1. 算法价值2-空间复杂度

    2024-02-02 07:44:03       54 阅读
  2. HTTP/HTTPS

    2024-02-02 07:44:03       48 阅读
  3. 使用F函数和Q函数进行高级数据库查询

    2024-02-02 07:44:03       56 阅读
  4. STM32-GPIO输入——按键检测

    2024-02-02 07:44:03       49 阅读
  5. 分享一个Qt使用的模块间通信类

    2024-02-02 07:44:03       58 阅读
  6. RPM与YUM

    RPM与YUM

    2024-02-02 07:44:03      52 阅读
  7. reactnative 调用原生UI组件(二),引入xml文件。

    2024-02-02 07:44:03       57 阅读
  8. React16源码: React中event事件监听绑定的源码实现

    2024-02-02 07:44:03       55 阅读
  9. ASP.NET Core WebAPI_解决跨域问题(前端后端)

    2024-02-02 07:44:03       53 阅读
  10. AI 代码生成

    2024-02-02 07:44:03       64 阅读
  11. springboot接入influxdb

    2024-02-02 07:44:03       58 阅读