el-form-item时间格式和时间转换

 

使用element-ui的时间选择器el-time-picker的时间是用属性绑定的,如果我只想显示小时和分,即使去掉:picker-options的秒,直接是不显示时间了,因为破坏了时间的格式。那应该怎么在element-ui中的时间选择器el-time-picker中设置时间显示的格式呢?

例如下面是原来框架的示例代码:

<template>
  <el-time-picker
    v-model="value1"
    :picker-options="{
      selectableRange: '18:30:00 - 20:30:00'
    }"
    placeholder="任意时间点">
  </el-time-picker>
</template>

时间显示格式

使用format属性,如下面的例子中,如果你要加上年的话,在时间前面加上yyyy-MM-dd



<template>
<el-time-picker v-model="closeTime" format="yyyy-MM-dd HH:mm" placeholder="任意时间点"></el-time-picker>

<el-time-picker v-model="closeTime" format="HH:mm" placeholder="任意时间点"></el-time-picker>
</template>

时间转换

上面得到的时间是Thu May 12 2016 08:00:00 GMT+0800 (中国标准时间)这样格式的。 所以,如果我们还要进行时间的转换。需要使用Date。具体想要哪个时间段,可以使用下面的方法。

var d = new Date('Thu May 12 2016 08:00:00 GMT+0800 (中国标准时间)');
var datetime=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();

推荐阅读:

本文为博主原创文章,知识共享,开源精神,转载注明出处。