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

前一篇已經(jīng)安裝好了Element UI環(huán)境，現(xiàn)在開始來實際操作框架提供的一些組件的運用了。

在準備好以下文章里面的內(nèi)容之后，可以打開test.vue文件，開始寫代碼了。Vue框架Element UI教程-安裝環(huán)境搭建（一）http://www.itdecent.cn/p/ab3c34a95128

打開test.vue文件，開始寫代碼

<template>
  <div>
  <el-time-picker
    is-range
    v-model="value"
    range-separator="-"
    start-placeholder="開始時間"
    end-placeholder="結(jié)束時間"
    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 運行，瀏覽器顯示如下,實現(xiàn)了一個簡單的時間選擇器

原文作者：祈澈姑娘 技術(shù)博客：http://www.itdecent.cn/u/05f416aefbe1
90后前端妹子，愛編程，愛運營，文藝與代碼齊飛，魅力與智慧共存的程序媛一枚，對于博客上面有不會的問題，歡迎加入編程微刊qq群：260352626。