AI 助理
备案控制台
开发者社区 云计算 文章 正文

Element Plus 日期选择器的使用和属性

2023-09-11 364
版权
举报
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Element Plus 日期选择器的使用和属性

element plus 日期选择器如果如果没有进行处理 他会返回原有的属性值data格式

如果想要获取选中的日期时间就需要通过以下的代码来实现选中的值

format="YYYY/MM/DD"

value-format="YYYY-MM-DD"

<el-date-picker
    v-model="formInline.date" 
    type="date" 
    placeholder="选择查找日期"
    value-format="YYYY-MM-DD"
    format="YYYY/MM/DD" clearable
/>

看一下加上后的效果：

这个组件还能转换为时间戳的方式，也是需要更改 value-format属性。将value-format属性改为：value-format="x" 即可

翻斗花园-图图
目录
相关文章
破浪前进
|
11月前
|
JavaScript
vue element plus Checkbox 多选框
vue element plus Checkbox 多选框
破浪前进
433 0
破浪前进
|
11月前
|
JavaScript
vue element plus DateTimePicker 日期时间选择器
vue element plus DateTimePicker 日期时间选择器
破浪前进
295 0
破浪前进
|
11月前
|
JavaScript 前端开发 API
vue element plus Cascader 级联选择器
vue element plus Cascader 级联选择器
破浪前进
826 0
六卿
|
7月前
|
JavaScript
Vue使用element中table组件实现单选一行
如何在Vue中使用Element UI的table组件实现单选一行的功能。
六卿
455 5
Vue使用element中table组件实现单选一行
Yaiba123
|
8月前
|
JavaScript 开发者
Element UI & Element Plus之改变表格单元格颜色
这篇文章展示了如何在Element UI和Element Plus框架中使用`:cell-style`属性来根据条件改变表格单元格的颜色。
Yaiba123
755 0
Element UI & Element Plus之改变表格单元格颜色
热爱技术的小郑
|
8月前
Element中树形控件在项目中的实际应用
这篇文章介绍了Element UI中树形控件的实际应用，包括使用目的、官网组件介绍、组合使用组件案例以及在项目中的具体实现方法和效果展示。
热爱技术的小郑
74 0
一个大长腿.
|
11月前
element-Cascader级联选择器用法？
element-Cascader级联选择器用法？
一个大长腿.
76 0
讓丄帝愛伱
easyui-textbox 和 easyui-validatebox 设置值和获取值
easyui-textbox 和 easyui-validatebox 设置值和获取值
讓丄帝愛伱
369 1
祈澈菇凉
|
小程序 JavaScript 前端开发
picker选择器（下拉框）以及传值问题
微信小程序picker选择器（下拉框）以及传值问题
祈澈菇凉
155 0
liuyunshengsir
|
存储 自然语言处理 搜索推荐
a标签有哪些属性
a标签作为超链接标签，具有以下常用属性： - href：用于指定链接的目标URL地址，可以是绝对或相对地址； - target：用于指定链接如何打开，常见取值有_blank（在新窗口中打开）、_self（在当前窗口打开）、_parent（在父级窗口打开）、_top（在顶层窗口打开）； - rel：用于指示链接与当前文档之间的关系，常见取值有nofollow（用于搜索引擎指示不要跟踪链接）、noopener（用于防止跨窗口引用）等； - download：用于指定链接目标资源的下载，指定该属性后，浏览器会将文件下载到客户端而不是在浏览器中打开。 除了上述常用属性外，还有一些在特殊场合下使用的
liuyunshengsir
2945 1