antd vue2 日期选择器和时间选择器混和使用

最新推荐文章于 2024-08-08 08:36:14 发布

陈可儿ckr

最新推荐文章于 2024-08-08 08:36:14 发布

阅读量1.2k

点赞数 1

分类专栏： vue 文章标签： javascript vue.js

本文链接：https://blog.csdn.net/weixin_52772897/article/details/126598057

版权

vue 专栏收录该内容

30 篇文章 1 订阅

订阅专栏

1.首先下载并引用moment

npm install moment

import  moment  from "moment"

2.插件在页面中的编写

<a-date-picker
      style="width:100%"
      format="YYYY-MM-DD HH:mm:ss"
      :showTime="{ defaultValue: moment('00:00:00', 'HH:mm:ss') }"
      placeholder="请选择时间"
      @ok="onOk"
  />

3.methods

methods:{
    // 时间控件
    moment,
    // 点击确定按钮后的回调
    onOk(value) {
      this.model.meetingTimeBegin = value.format('YYYY-MM-DD HH:mm:ss')
    },

    range(start, end) {
      const result = []
      for (let i = start; i < end; i++) {
        result.push(i)
      }
      return result
    },
  }