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

简介: 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月前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
39 0
在线课堂+工具组件小程序uniapp移动端源码
|
2月前
|
数据挖掘
uniapp uview扩展u-picker支持日历期间 年期间 月期间 时分期间组件
uniapp uview扩展u-picker支持日历期间 年期间 月期间 时分期间组件
158 10
|
2月前
|
搜索推荐 JavaScript 数据可视化
uniapp/vue个性化单选、复选组件
uniapp/vue个性化单选、复选组件
135 5
|
2月前
|
数据可视化 大数据 API
低代码可视化开发-uniapp新闻跑马灯组件-代码生成器
低代码可视化开发-uniapp新闻跑马灯组件-代码生成器
140 2
|
2月前
|
存储 API 数据库
uniapp APP自动更新组件
uniapp APP自动更新组件
95 1
|
2月前
Uniapp矩阵评分组件
Uniapp矩阵评分组件
60 1
|
2月前
|
移动开发 编解码 数据可视化
低代码可视化-uniapp SliderRange区间组件-代码生成器
SliderRange区间组件是一种用户界面元素,允许用户通过拖动滑块选择数值范围。组件支持微信小程序、H5和App,具有高度可定制性、响应式设计和多种事件处理功能。适用于价格筛选、音量调节等场景。代码实现包括滑动区域、滑块、事件处理等部分,支持可视化配置步长、颜色等属性。使用时需注意选择合适步长、提供清晰标签和考虑无障碍设计。
47 0
|
2月前
|
编解码 数据可视化 API
DIY可视化UniApp表格组件
DIY可视化UniApp表格组件
53 0
|
2月前
|
机器学习/深度学习 算法 数据可视化
UniApp手机滑块验证组件代码生成器
UniApp手机滑块验证组件代码生成器
100 0
|
2月前
|
前端开发 JavaScript
uniapp纯CSS实现圆形进度条组件
uniapp纯CSS实现圆形进度条组件
134 0