美文网首页JavaScript
把字符串格式的时间按自定义格式显示出来

把字符串格式的时间按自定义格式显示出来

作者: Lia代码猪崽 | 来源:发表于2017-12-08 16:42 被阅读56次

由于用了录入的时候前端用了elmentUI的日期时间选择器,传给后台的是一个date格式的字符串,所以当获取的时候,后台传回来也是这样子。

要显示的话,会出现东八区什么啊,不直观,所以需要再格式化。
以下场景是在表格里(其余的省略了):

<el-table-column label="提醒时间" width="380">
       <!--很遗憾,由于不直观,需要处理,所以下行注释了-->
       <!--<el-table-column prop="dueDate" label="提醒时间" width="380">-->
       <template scope="props">
           <div v-if="props.row.dueDate">
                {{ new Date(props.row.dueDate).getFullYear()}}年
                <!--月份就是那么特别,一定要加1-->
                {{ (new Date(props.row.dueDate).getMonth() + 1)}}月
                {{ new Date(props.row.dueDate).getDate()}}日
                {{ new Date(props.row.dueDate).getHours()}}时
                {{ new Date(props.row.dueDate).getMinutes()}}分
           </div>
       </template>
</el-table-column>

其实就是获取到字符串后,先转cheng

相关文章

网友评论

    本文标题:把字符串格式的时间按自定义格式显示出来

    本文链接:https://www.haomeiwen.com/subject/fsoeixtx.html