• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

javaScript 时间 向上取整

武飞扬头像
Didizisama
帮助4

场景:

进入页面展示实时时间分钟显示为整数  如:现在时间  17:05 显示为17:10


问题描述

试了向上取整  四舍五入  判断   都不得行

解决方案:

思路:1、时间转为字符串格式

2、把字符串最后两位拿出来转数字进行判断 

3、截掉后两位再重新加上对应的数字  

4、赋值给原字符串

  1.  
    <template>
  2.  
    <a-date-picker show-time placeholder="Select Time" @change="onChange" />
  3.  
    </template>
  4.  
    <script >
  5.  
    import moment from 'moment';
  6.  
    export default {
  7.  
    data () {
  8.  
    return:{
  9.  
    time:moment().format("YYYY-MM-DD HH:mm")
  10.  
    }
  11.  
    },
  12.  
    create(){
  13.  
    this.TimeChange(this.time)
  14.  
    },
  15.  
    methods:{
  16.  
    onChange(date,dateString){
  17.  
    this.TimeChange(dateString)
  18.  
    }
  19.  
    TimeChange(val) {
  20.  
    // mm 时间字符串的最后两位转为数字
  21.  
    let mm =Number(val.slice(-2))
  22.  
    // HH 时间字符串去掉后两位的字符串
  23.  
    let HH =val.slice(0, -2)
  24.  
    // 判断时间范围
  25.  
    if(mm==0){
  26.  
      this.time= val
  27.  
    }else if (mm> 0 && mm<= 10)) {
  28.  
      this.time= HH '10'
  29.  
    } else if (mm<= 20) {
  30.  
      this.time =HH '20'
  31.  
    } else if(mm<=30){
  32.  
            this.time=HH '30'     
  33.  
    }else if(mm<=40){
  34.  
    this.time=HH '40'
  35.  
    }else if(mm<=50){
  36.  
    this.time =HH '50'
  37.  
    }else if(mm<=60){
  38.  
    this.time =HH '00'
  39.  
    }
  40.  
    }
  41.  
    }
  42.  
    }
  43.  
    </script>
学新通

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhfiaafe
系列文章
更多 icon
同类精品
更多 icon
继续加载