使用Element-UI组件的DateTimePicker,以下:spa
<template> <div class="block"> <span class="demonstration">时间</span> <el-date-picker v-model="value" type="datetime" placeholder="选择日期时间"> </el-date-picker> </div> </template> <script> export default { data() { return { value: '1554189000' }; } }; </script>
若是value 为时间戳或者yyyy-MM-dd hh:mm:ss格式,会报错:code
TypeError: Cannot read property 'getHours' of undefined
由于date-picker 的时间是格林威时间,赋给v-model的值须要格林威时间格式,若是value 为yyyy-MM-dd hh:mm:ss,则只须要在 el-date-picker
节点上增长一个格式化value的属性 value-format="yyyy-MM-dd hh:mm:ss"
orm
如blog
<el-date-picker v-model="value" type="datetime" value-format="yyyy-MM-dd hh:mm:ss" placeholder="选择日期时间"> </el-date-picker>
若是value 为时间戳,则只须要value = new Date(value * 1000) 转换一次便可ip