vue项目中 --- 时间、金额、千分符

最新推荐文章于 2023-08-28 13:38:47 发布

Jiang小歪

最新推荐文章于 2023-08-28 13:38:47 发布

阅读量406

点赞数

文章标签： javascript vue 正则表达式

本文链接：https://blog.csdn.net/weixin_43987655/article/details/120102711

版权

本文详细介绍了在Vue项目中如何处理时间格式化、金额展示以及使用正则表达式添加千分符的方法，通过实例代码展示了具体的实现步骤和技巧，帮助开发者提升前端数据展示的用户体验。

摘要由CSDN通过智能技术生成

// 时间毫秒转yyyy-MM-dd
Vue.filter('formatDateFilter', function (value) {
  if (!value) return ''
  return formatDate(value, 'yyyy-MM-dd')
})

// 分转元
Vue.filter('fenToYuan', function (value) {
  if (value === '' || Object.prototype.toString.call(value) == '[object Undefined]') return ''
  return value / 100
})

// 分转元千分符
Vue.filter('Thousandth', function (num) {
  if (num === '' || Object.prototype.toString.call(num) == '[object Undefined]') return ''
  num = num / 100 //如果不是单位不是分 不需要这步
  num = num.toString().split('.') 
  var arr = num[0].split('').reverse() // 转换成字符数组并且倒序排列
  var res = []
  for (var i = 0, len = arr.length; i < len; i++) {
    if (i % 3 === 0 && i !== 0) {
      res.push(',') // 添加分隔符
    }
    res.push(arr[i])
  }
  res.reverse() // 再次倒序成为正确的顺序
  if