前一篇已经安装好了Element UI环境,现在开始来实际操作框架提供的一些组件的运用了。
在准备好以下文章里面的内容之后,可以打开test.vue文件,开始写代码了。Vue框架Element UI教程-安装环境搭建(一)
打开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 运行,浏览器显示如下,实现了一个简单的时间选择器