mint-ui 时间选择器 vue



默认的时间



点击打开时间选择器



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






在引入的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)

  }


找个地方放就行




然后引入



再调用


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、js获取当前日期时间 var myDate = new Date(); myDate.getYear(); ...
    李二丶阅读 1,945评论 0 0
  • pyspark.sql模块 模块上下文 Spark SQL和DataFrames的重要类: pyspark.sql...
    mpro阅读 9,516评论 0 13
  • 该组件适用于以下场景 1,将时间戳转换成时间显示,支持年,月,日,天,分,秒,毫秒,可以定义自己想要的格式来显示,...
    超爱吃小龙虾阅读 401评论 0 0
  • import router from '@/router' let util = { } /** * * @par...
    奇怪的双子座阅读 553评论 0 0
  • 中午休息,在微博上看到《三生三世枕上书》六月份开拍,除了迪丽热巴、高伟光,一众金牌配角都空出档期倾情助阵。...
    白开水_jcl阅读 1,726评论 3 12