美文网首页
mint-ui 时间选择器 vue

mint-ui 时间选择器 vue

作者: 岁末Zzz | 来源:发表于2019-02-25 16:38 被阅读0次

    默认的时间

    点击打开时间选择器

    使默认时间变为当前的是时间

    在引入的mint-ui里加上 官方文档有 是点击确定按钮的事件

    把获取的时间转换成我们需要的yyyy-mm-dd时间(也可以是yyyy-MM-dd hh:mm)

    转换时间 的js

    export function formatDate (date, fmt) {

        if (/(y+)/.test(fmt)) {

          fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))

        }

        let o = {

          'M+': date.getMonth() + 1,

          'd+': date.getDate(),

          'h+': date.getHours(),

          'm+': date.getMinutes(),

          's+': date.getSeconds()

        }

        for (let k in o) {

          if (new RegExp(`(${k})`).test(fmt)) {

            let str = o[k] + ''

            fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : padLeftZero(str))

          }

        }

        return fmt

      }

      function padLeftZero (str) {

        return ('00' + str).substr(str.length)

      }

    找个地方放就行

    然后引入

    再调用

    相关文章

      网友评论

          本文标题:mint-ui 时间选择器 vue

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