格式2021"/>
vue中时间格式2021
vue时间格式2021-11-21T12:30:00.000+00:00转换yyyy-MM-dd HH:mm:ss
1.方式一
<el-table-column prop="updateTime" label="更新时间" :formatter="dateFormat"></el-table-column>
在js中
dateFormat(row, column, cellValue, index) {const daterc = row[column.property]if (daterc != null) {var date = new Date(daterc);var year = date.getFullYear();/* 在日期格式中,月份是从0开始,11结束,因此要加0* 使用三元表达式在小于10的前面加0,以达到格式统一 如 09:11:05* */var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();// 拼接return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;}}
方式二
<el-form-item label="创建时间:"><spanv-if="showHandeleForm.createTime != '' &&showHandeleForm.createTime != undefined">{{ timestampToTime(showHandeleForm.createTime) }}</span></el-form-item>
js部分vue中在methods
timestampToTime(daterc) {if (daterc != null) {var date = new Date(daterc);var year = date.getFullYear();/* 在日期格式中,月份是从0开始,11结束,因此要加0* 使用三元表达式在小于10的前面加0,以达到格式统一 如 09:11:05* */var month =date.getMonth() + 1 < 10? "0" + (date.getMonth() + 1): date.getMonth() + 1;var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();var hours =date.getHours() < 10 ? "0" + date.getHours() : date.getHours();var minutes =date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();var seconds =date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();// 拼接return (year +"-" +month +"-" +day +" " +hours +":" +minutes +":" +seconds);}},
方式三
除了上面这个,还有另一种方法,只要在后端实体类加注解@JsonFormat(pattern = “yyyy-MM-dd HH:mm:ss”, timezone = “GMT+8”)
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")private Date createTime;
效果如下:
后台返回的结果
使用之后的效果
更多推荐
vue中时间格式2021
发布评论