JavaScript时间格式化

最新推荐文章于 2023-01-20 22:39:35 发布

卡卡罗特啊

最新推荐文章于 2023-01-20 22:39:35 发布

阅读量137

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/kakarotte007/article/details/115170264

版权

前端 javascript

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

普通js中用法

// 时间处理函数
    function getTime() {
      var nowTime = new Date()
      // 获取年月日
      const y = nowTime.getFullYear()
      const m = zero(nowTime.getMonth() + 1)
      const d = zero(nowTime.getDate())

      // 获取时分秒
      const hh = zero(nowTime.getHours())
      const mm = zero(nowTime.getMinutes())
      const ss = zero(nowTime.getSeconds())

      // 获取星期
      const week = we(nowTime.getDay())

      // 时间补零函数
      function zero(time) {
        if (time < 10) {
          return '0' + time
        }
        return time
      }
      // 星期处理函数
      function we(week) {
        switch (week) {
          case 0:
            return '星期日'
          case 1:
            return '星期一'
          case 2:
            return '星期二'
          case 3:
            return '星期三'
          case 4:
            return '星期四'
          case 5:
            return '星期五'
          case 6:
            return '星期六'
          default:
            // 可选
            return '错误'
          // 语句
        }
      }

      return (
        y + '/' + m + '/' + d + '  ' + hh + ':' + mm + ':' + ss + ' ' + week
      )
    }

  // 想拿到的话直接这样
  const time = getTime() // 就行了

vue中用法

export default {
  // 组件名称
  name: '',
  props: {
    // 组件参数 接收来自父组件的数据
  },
  components: {
    // 注册组件
  },
  data() {
    return {
      time: null
    }
  },
  methods: {
    // 方法
    handler() {
      setInterval(() => {
        this.time = this.getTime()
      }, 1000)
    },
    // 时间处理函数
    getTime() {
      var nowTime = new Date()
      // 获取年月日
      const y = nowTime.getFullYear()
      const m = zero(nowTime.getMonth() + 1)
      const d = zero(nowTime.getDate())

      // 获取时分秒
      const hh = zero(nowTime.getHours())
      const mm = zero(nowTime.getMinutes())
      const ss = zero(nowTime.getSeconds())

      // 获取星期
      const week = we(nowTime.getDay())

      // 时间补零函数
      function zero(time) {
        if (time < 10) {
          return '0' + time
        }
        return time
      }
      // 星期处理函数
      function we(week) {
        switch (week) {
          case 0:
            return '星期日'
          case 1:
            return '星期一'
          case 2:
            return '星期二'
          case 3:
            return '星期三'
          case 4:
            return '星期四'
          case 5:
            return '星期五'
          case 6:
            return '星期六'
          default:
            // 可选
            return '错误'
          // 语句
        }
      }

      return (
        y + '/' + m + '/' + d + '  ' + hh + ':' + mm + ':' + ss + ' ' + week
      )
    }
  },
  computed: {
    // 计算属性
  },
  filters: {
    // 过滤器
  },
  created() {
    // 创建后
  },
  mounted() {
    // 挂载后
    this.handler()
  }
}