vue + element实现el-date-picker的时间格式转换,以及自定义时间格式,修改输入的时间格式

使用vue2+elementUi实现日期选择输入框的时间格式转换、根据数据的情况自动化格式为需要的格式

如果只是需要修改传给后端的值或者格式,可以使用 value-format实现,可以在文档上查看详细的介绍

<el-date-picker v-dateFormat v-model="Object.time" placeholder="请选择时间" value-format="yyyy-MM-dd">

如果是根据输入的内容,来转换格式比如下面这样

在这里插入图片描述

转换为或者类似格式

在这里插入图片描述
使用自定义指令,首先需要创建一个自定义指令代码的存放位置,我是/utils/directive/dataForm/dataformat.js这个路径创建的内容
自定义指令内容


```javascript
import moment from "moment"; //引入js日期处理类库
import Vue from "vue";
export let dateFormat = () => {
  Vue.directive("dateFormat", {
    inserted: function (el, binding, vnode) {
      c
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值