elementUI使用format格式化时间

今天做功能的时候，老板要求把年份当作版本号。

但是使用elementUI的DatePicker 日期选择器出现下面的问题，代码如下

<el-col :span="3">
          <el-date-picker v-model="drgsYear" type="year" placeholder="选择版本">
          </el-date-picker>
        </el-col>

这样子在显示的虽然是对应的年份，但是实际上是格林威治时间。，比如我选择2020年，后台获得的值是   2019-12-31T16:00:00.000Z

但是实际上我需要的是2020，所以这个时间肯定是不对的。

 

后来找到了这个format，将它加在<el-date-picker></el-date-picker>中，代码如下。

<el-col :span="3">
          <!-- 
              format="yyyy-MM-dd" value-format="yyyy-MM-dd"  使用这个显示当前时间，而不是格林威治时间
              format指定输入框的格式；   value-format指定绑定值的格式
          -->
          <el-date-picker v-model="drgsYear" type="year" format="yyyy" value-format="yyyy" placeholder="选择版本">
          </el-date-picker>
        </el-col>

这样子我在前台选择2020年，后台获取到的就是2020。

如果后台需要完整的格式，只需要修改value-format的格式

yyyy-MM-dd HH:MM:SS

但是因为type的类型是year，所以，假如我们的value-format="yyyy-MM-dd HH:mm:ss"是这样的格式。

我们在前台选择2020年，后台获得的数据为2020-01-01 00:01:00

 

还有一种方法就是后台处理时间了，但是明显没有前台方便，所以就不写了，有兴趣的同学可以自己试着写写。