vue ElementUI使用时间日期、时间选择器的使用方法

2021-07-20   阅读：3162   类型：前端   分类：Vue    标签： Vue ElementUI

效果展示：

image.png

vue ElementUI提供了三种时间日期

1、TimePicker 时间选择器： 用于选择或输入日期

2、DatePicker 日期选择器：用于选择或输入日期

3、DateTimePicker：日期时间选择器，在同一个选择器里选择日期和时间

本文主要用到DateTimePicker 日期时间选择器

<template>
    <div>
		<el-form-item label="时间" prop="addtime">
			<el-date-picker v-model="addForm.addtime" type="datetime" placeholder="选择日期时间" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
		</el-form-item>
	<div>
<template>
【腾讯云】AI 驱动 · 智领未来，4核4G3M云服务器低至 79元/年

‘简忆博客’微信公众号 扫码关注‘简忆博客’微信公众号，获取最新文章动态
 转载：请说明文章出处“来源简忆博客”。http://tpxhm.com/fdetail/743.html

×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏 微信扫一扫打赏
支付宝扫一扫打赏 支付宝扫一扫打赏

上一篇： 解决vue-animate-number后端返回数据不渲染问题

下一篇： 关于vue echarts二次渲染不渲染问题的解决方法

相关文章

● vue如何打包项目，vue打包项目上线教程 ● 使用版本号解决vue打包有缓存问题 ● 解决vue路由跳转报错ERROR Navigating to current location ("/login") is not allowed ● vue.js 最基本的功能介绍教程 ● Vue cli 安装慢的解决方法 ● 创建vue项目实例

文章评论（0）

登录
简忆博客壁纸一
简忆博客壁纸二
简忆博客壁纸三
简忆博客壁纸四
简忆博客壁纸五
简忆博客壁纸六
简忆博客壁纸七
简忆博客壁纸八
头像

简忆博客
勤于学习，乐于分享

置顶推荐

代码版本管理工具Git常用命令操作

代码版本管理工具Git常用命令操作
html前端按钮效果

html前端按钮效果
swiper插件的使用

swiper插件的使用
管理服务器常见的几个命令

管理服务器常见的几个命令
【腾讯云】AI 驱动 · 智领未来，4核4G3M云服务器低至 79元/年

标签云

打印机 Google Vant ElementUI Linux macOS windows Navicat TP8 PgSQL Highlight SqlServer 字节跳动 企业微信 uView MongoDB 微擎 wepy ES6 游戏 uni-app WordPress canvas FaceBook SEM 云存储 刷机 Flutter vscode Docker RabbitMQ SVN composer 插件 路由器 TP6 OneThink Vue swoole Redis 帝国cms CodeIgniter 虚拟机 方法技巧 防护 软件下载 JavaScript AI go语言 Android JAVA Git Layui React 区块链 Laravel Mysql node.js html linux window ECharts GITHUB bootstrap UEditor SEO 模板 服务器 微信开发 ECSHOP style 正则 PhpStorm 轮播插件 sublime text 工具 layui.js Python 操作系统 PhotoShop jQuery TP5 ThinkPHP AJAX PHP API office 微信小程序 织梦cms

浏览排行

1 Facebook账号注册流程,手把手教你注册脸书账号 2 phpstorm 2019.2.1最新版激活码及破解教程更新至2024 3 oppo a57手机miui_V8.5.4.0刷机包下载及刷机教程 4 抖音发布视频作品定位设置成其他位置方法 5 （2025）最新 Navicat Premium 17激活永久教程 6 npm ERR! missing script: serve 报错解决方法 7 解决Photoshop 打开报错找不到 VCRUNTIME140_1.dll问题 8 解决win10分屏设置主显示器后图标不在主显示器问题 9 解决微信公众号分享给好友，朋友圈报错errMsg: "onMenuShareAppMessage:fail, the permission value is offline verifying" 10 解决Vue报错Module not found: Error: Can't resolve 'less-loader' in 'C:\Users\Hm\Desktop\vue\vue_shop'问题 11 解决Centos7执行安装命令显示您需要 root 权限执行此命令 12 解决Linux 宝塔装完了提示“请先安装Web服务器！”
【腾讯云】AI 驱动 · 智领未来，4核4G3M云服务器低至 79元/年

最近热文

1 PHPStorm2020.1永久激活及下载，更新至2024 2 花点时间搞的一款基于ThinkPHP8.x + Layui架构开发的通用后台管理系统 3 PostgreSQL数据库，pg数据库的一些操作命令 4 解决laravel-admin 登录无限重定向问题 5 PHP结合安卓APP，监听支付宝收款，实现个人支付宝支付接口 6 ThinkPHP6自带分页定制，自定义分页类 6 《真还传》,6亿债务已还超4亿 预计1年多之内就能还清 7 网易跟贴正在整改 暂不支持发贴 8 国务院今天发布2021节假日安排，元旦3天，春节7天，劳动节5天 9 快手视频去水印方法，如何去除快手视频水印

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！
微信扫码：你说多少就多少~
微信扫码
支付宝扫码：你说多少就多少~
支付宝扫码

友情链接

冯奎博客 陌路寒暄 淘优惠 简忆工具箱 vipbic c32's blog 武林新纪元

关于简忆关于简忆

本站内容源于作者编写，部分引用源于互联网，如果有侵权内容、不妥之处，请联系我们删除。敬请谅解!

成功是熬出来的，本事是逼出来的，不积跬步无以至千里。

简忆诞生的故事简忆诞生的故事

官方公众号

官方公众号

官方小程序

官方小程序

技术闲聊

QQ群：简忆blogs技术群

站长：2938039696

Email：2938039696@qq.com

Git： github github

架构统计

网站地图：XML网站地图

主题框架：Foundation5

运行天数：

文章总数：1278

Copyright© 2017-2025 简忆博客版权所有工信部粤ICP备16092285号

×