Element-ui DatePicker日期选择器基础用法示例

更新时间：2023年06月29日 09:46:27 作者：菜园前端

这篇文章主要为大家介绍了Element-ui DatePicker日期选择器基础用法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪

Element-ui DatePicker

通常用于选择日期

按需引入方式

如果是完整引入可跳过此步骤

import Vue from 'vue'
import { DatePicker } from 'element-ui'
import 'element-ui/lib/theme-chalk/base.css'
import 'element-ui/lib/theme-chalk/date-picker.css'
Vue.use(DatePicker)

基础用法

<template>
    <el-date-picker v-model="value" type="date" placeholder="选择日期"> </el-date-picker>
</template>
<script>
export default {
    data() {
        return {
            value: ''
        }
    }
}
</script>

选择月份

<template>
    <el-date-picker v-model="value" type="month" placeholder="选择月份"> </el-date-picker>
</template>
<script>
export default {
    data() {
        return {
            value: ''
        }
    }
}
</script>

选择年份

<template>
    <el-date-picker v-model="value" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
</template>
<script>
export default {
    data() {
        return {
            value: []
        }
    }
}
</script>

Attributes

以上就是Element-ui DatePicker日期选择器基础用法示例的详细内容，更多关于Element-ui DatePicker的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

vue限制实现不登录无法进入其他页面
本文主要介绍了vue限制实现不登录无法进入其他页面,vue限制不登录,通过url进入其他页面强制回到登录页面；已经登录的情况下,不可以再进入登录界面,感兴趣的可以了解一下
2024-01-01
如何在Vue项目中添加接口监听遮罩
这篇文章主要介绍了如何在Vue项目中添加接口监听遮罩,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-01-01
vue3使用自定义指令实现el dialog拖拽功能示例详解
这篇文章主要为大家介绍了vue3使用自定义指令实现el dialog拖拽功能示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-09-09
vue-amap根据地址回显地图并mark的操作
这篇文章主要介绍了vue-amap根据地址回显地图并mark的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-11-11
Vue可自定义tab组件用法实例
在本篇文章里小编给大家分享了关于Vue可自定义tab组件用法实例以及相关知识点，需要的朋友们参考下。
2019-10-10
Vue中以HTML形式显示内容并动态生成HTML代码的方法
有的时候我们想在vue中直接显示一个html的网页,如果用富文本方式,那么内容就会太多,那么怎么处理呢?这篇文章主要给大家介绍了关于Vue中如何以HTML形式显示内容并动态生成HTML代码的相关资料,需要的朋友可以参考下
2024-03-03
vue 解决provide和inject响应的问题
这篇文章主要介绍了vue 解决provide和inject响应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-11-11
vue如何使用driver.js实现项目功能向导指引
driver.js 是一个轻量级、无依赖的原生JavaScript引擎，在整个页面中驱动用户的注意力，强大的、高度可定制的原生JavaScript引擎，无外部依赖，支持所有主流浏览器，这篇文章主要介绍了vue如何使用driver.js实现项目功能向导指引,需要的朋友可以参考下
2023-03-03
12 种使用Vue 的最佳做法
这篇文章主要介绍了12 种使用Vue 的最佳做法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-03-03
Vue插件之滑动验证码用法详解
这篇文章主要介绍了Vue插件之滑动验证码用法,结合实例形式详细分析了Vue滑动验证码插件相关使用方法与操作注意事项,需要的朋友可以参考下
2020-04-04