专栏首页编程微刊Vue框架Element UI教程-时间选择器(二)

Vue框架Element UI教程-时间选择器(二)

Element UI手册:https://cloud.tencent.com/developer/doc/1270 中文文档:http://element-cn.eleme.io/#/zh-CN github地址:https://github.com/ElemeFE/element


打开test.vue文件,开始写代码

<template>
  <div>
  <el-time-picker
    is-range
    v-model="value"
    range-separator="-"
    start-placeholder="开始时间"
    end-placeholder="结束时间"
    placeholder="选择时间范围">
  </el-time-picker>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        value: [new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)],
      
      };
    }
  }
</script>

npm run dev 运行,浏览器显示如下,实现了一个简单的时间选择器

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 小程序从零开始开发到上线的过程

    1:注册 用没有注册过微信公众平台的邮箱注册一个微信公众号, 申请帐号 ,网址: https://mp.weixin.qq.com/ 根据指引填写信息和提交相...

    王小婷
  • 关于checkbox传值问题

    最近不知道要写什么了,没有怎么学习新的知识点,而是一直在研究jquery相关的东西,有人说jquery已经快要过时了,很多公司都不用这个框架了,但是我觉得,有些...

    王小婷
  • 微信小程序从零开始开发步骤(一)搭建开发环境小程序初始化目录介绍:

    王小婷
  • IC重大项目落户南京浦口高新区,AI芯片“双目视觉”成亮点

    同时,南京集成电路产业联盟正式成立,为支持集成电路产业垂直整合及并购重组,建立总规模200亿美元的南京市集成电路产业投资基金。

    镁客网
  • 万能的python-画图

    pyecharts是一个用于生成Echarts图标的类库。实际就是Echarts与Python的对接。

    py3study
  • 使用Python快速制作可视化报表

    pyecharts是一个用于生成Echarts图标的类库。实际就是Echarts与Python的对接。

    py3study
  • TortoiseSVN客户端使用的2个配置问题

    软件开发中,都需要涉及到代码管理工具。在Visual Studio中一般都是使用Team Foundation Server,简称TFS。团队中一般有一台服务器...

    八哥
  • 实战|流式代码封装及ViewBadger角标的应用(附源码)

    本来这章只是想讲一个Android中的角标ViewBadger的使用,在写的过程中想起来前面文章中Glide的开源库加载网络图片用一行代码就可以直接实现了,这种...

    Vaccae
  • 数据科学23 | 统计推断-多重检验

    当我们进行数据分析时,有时候需要反复进行假设检验,使用多重检验校正可以避免假阳性的发生,主要包括误差测量和校正。

    王诗翔呀
  • 数据科学22 | 统计推断-多重检验

    假设进行10000次假设检验,其中所有P<0.05的认为阳性,?=0.05,预期出现的假阳性次数为10000×0.05=500。所以如果进行了10000次假设检...

    王诗翔呀

扫码关注云+社区

领取腾讯云代金券