搜索
简帛阁>技术文章>ElementUI日期转为“yyyy-MM-dd“格式

ElementUI日期转为“yyyy-MM-dd“格式

一般情况下,我们需要给后台的时间格式是:

“yyyy-MM-dd”

但是使用Element ui日期选择器DatePicker获取的值是这样的:

Thu Nov 04 2021 00:00:00 GMT+0800 (中国标准时间)

在官方文档中,有提到可以使用value-format

日期格式我们采用"yyyy-MM-dd",此时,我们只需在时间选择器上加value-format="yyyy-MM-dd"的属性就可以了


若使用的是选择日期范围型的DatePicker,返回的时间值为一个数组:

可以通过它的修改事件@change="dateChange"进行数据包装,也可以通过数组形式直接使用。

输出time_start和time_end


// 选择器组件
<el-pagination
	:current-page="currentPage"
	:page-sizes="[5, 10, 20, 50]"
	:page-size="pageSize"
	layout="total, sizes, prev, pager, next, jumper"
	:total="totalAmount"
	@size-change="handleSizeChange"
	@current-change="handleCurrentChange"
/>
export default {<!-- -->
  data() {<!-- -->
    return {<!-- -->
    form: {<!-- -->
        time_start: '', // 查询开始日期,非必填
        time_end: '' // 查询结束日期,非必填
      },
    dateVal: '', // 选择日期范围型的时间选择器的值
    pickerOptions: {<!-- -->
        // 设置日期快捷查询
        shortcuts: [
          {<!-- -->
            text: '最近一周',
            onClick(picker) {<!-- -->
              const end = new Date()
              const start = new Date()
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
              picker.$emit('pick', [start, end])
            }
          },
          {<!-- -->
            text: '最近一个月',
            onClick(picker) {<!-- -->
              const end = new Date()
              const start = new Date()
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
              picker.$emit('pick', [start, end])
            }
          },
          {<!-- -->
            text: '最近三个月',
            onClick(picker) {<!-- -->
              const end = new Date()
              const start = new Date()
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
              picker.$emit('pick', [start, end])
            }
          }
        ]
      }
    }
    methods: {<!-- -->
        // 改变时间日期
    	dateChange(val) {<!-- -->
        // console.log(val)
        this.form.time_start = val[0]
        this.form.time_end = val[1]
    	}
    }
  }
}
一般情况下,我们需要给后台的时间格式是:“yyyyMMdd”但是使用Elementui日期选择器DatePicker获取的值是这样的:ThuNov04202100:00:00GMT+0800(中国标
设置format"yyyyMMdd"无效<DatePickervmodel"formDatatime"type"datetimerange"format"yyyyMMdd"placeholder
本文实例讲述了正则表达式实现将MM/DD/YYYY格式日期转换为YYYYMMDD格式的方法。分享给大家供大家参考。具体实现方法如下:代码如下:<html><head><
让我们首先创建一个表mysql>createtableDemoTable845(AdmissionDatedate);使用插入命令在表中插入一些记录mysql>insertintoDemoTable8
1、百度不少js将日期格式转换为YYYYMMDDHH:MM:SS。可是都略显复杂,所以这里总结了一下,自己找到的,方便自己学习和使用。方法一:项目源码:$("createTime")text((new
代码如下:changeDate1(e){consolelog(e);vardatenewDate(edetailvalue);consolelog(date);constyeardategetFull
代码如下:functioncheckInputDate(obj){varstrDateobjvalue;varre/^(\d{4})(\d{2})(\d{2})$/;if(retest(strDate
CalendarcalendarCalendargetInstance();calendarset(2019,CalendarDECEMBER,31);DatestrDatecalendargetTi
函数封装:/***获取当前时间*格式YYYYMMDD*/VueprototypegetNowFormatDatefunction(){vardatenewDate();varseperator1;va
SQLServer判断是否满足日期格式(YYYYMMDD)以及中文等判断:在做sql数据的正确性审核中,需要判断数据是否满足日期格式,网上找不到相关的资料,于是自己花了半天写了一个简单的函数具体思路