美文网首页
moment.js 常用转换

moment.js 常用转换

作者: __鹿__ | 来源:发表于2023-03-31 15:51 被阅读0次

一、将04:00小时,转换为240分钟(互转)

image.png
<template>
       <a-time-picker
          :value="duration | timeFilter"
          format="HH:mm"
          placeholder="请选择时间"
          @change="timeOnChange"
        />
</template>
<script>
import moment from 'moment'
export default {
  data() {
    return {
      duration:"",
    },
  },
  methods: {
    moment,
    timeOnChange(time, timeString) {
        // 举例:将04:00转为240分钟这样的格式
        const duration = moment.duration(timeString)
        const minutes = duration.asMinutes();
        console.log(minutes); // 240
    }
  },
filters:{
    timeFilter(val){
      if(val){
        //举例:将240分钟转为04:00这样的格式
        const duration = moment.duration(val, 'minutes');
        const formattedTime = moment.utc(duration.asMilliseconds()).format('HH:mm');
        return moment(formattedTime, 'HH:mm')
      }else{
        return moment('00:00', 'HH:mm')
      }
    }
  },
</script>

相关文章

  • 时间转换函数moment.js

    moment.js是一款转换时间的插件 安装方式为: 其常用的格式化参数如下表所示: 常用的转换 1.时间格式化 ...

  • Moment.js 常用转换

    http://momentjs.cn/docs/#/parsing/

  • Moment.js 的常用转换

    参考资料:http://momentjs.cn/docs/#/parsing/[http://momentjs.c...

  • moment用法

    moment.js常用方法 安装依赖 原文地址

  • Moment.js 常用

    安装引入 时间戳(毫秒)转格式化 时间戳(秒)转格式化 年 月 日

  • Moment.js 转换 UTC 格式的 2 个小问题

    在使用 Moment.js 转换为 UTC 格式的时候,我们可能会遇到 2 个小问题。 如果你使用 ('2021-...

  • Moment.js 常用操作

    1、今天 2、明天 3、昨天 4、本周 5、上周 6、本月 7、上月 8、今年 9、去年 10、获取今天开始(0时...

  • 10分钟快速上手angular cdk

    coercion 常用类型转换工具 @angular/cdk/coercion 常用类型转换工具 layout 响...

  • moment.js 常用方法总结

    获取当前系统时间: 获取当前系统时间的前后一个月或前后天数: 获取具体时间或几月几号或几点: 'MM-DD会原样输...

  • moment.js常用方法合集

    日常开发中,我们经常会遇到对时间的处理,如果我们手动去转换处理可能会相当的不方便,也会产生很多的问题,刚好市面上流...

网友评论

      本文标题:moment.js 常用转换

      本文链接:https://www.haomeiwen.com/subject/lzyhddtx.html