vue 修改时间格式

在我们在书写vue组件的过程中，我们往往需要针对时间格式的各种格式来回切换，这次我们说一说时间戳转换成时间字符串的方法

假如后台给我们返回了一个时间字段（假设字段为date），但是他返回的是时间戳，那我们想要显示成XXXX-XX-XX这种格式就需要针对时间戳进行转换方法

formatDate(time) {if(null !== time){var date = new Date(time)var YY = date.getFullYear() + '-'var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1)+ '-'var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate())// var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'// var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes())// var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())return YY + MM + DD}else{return null}}

上面这个方法就是将时间戳转换为YY-MM-DD的格式的方法，this.formatDate(date)这样的话就可以把date这个参数从时间戳转换成字符串啦

若我们想换成YY年MM月DD日这样的方法也可以换个字就可以了

若后台返回的本身就是YY-MM-DD hh:mm:ss这样格式的时间，而我们只需要对后台返回的参数（假设后台返回的参数为date）进行截取就可以啦

date.subString(0,10)这个方法直接可以让date这个参数显示成YY-MM-DD的格式啦

有别的问题可以继续讨论呀~

vue 修改时间格式相关推荐

vue中时间格式2021-11-21T12:30:00.000+00:00转换yyyy-MM-dd HH:mm:ss
vue时间格式2021-11-21T12:30:00.000+00:00转换yyyy-MM-dd HH:mm:ss 1.方式一 <el-table-column prop="updat ...
ElementUI的DateTimePicker组件修改时间格式
场景 ElementUI的dateTimePicker组件是一个日期和时间共存的选择器. 有时我们需要规定选择时的时间格式,这时就要用这个组件的format属性. 使用 <el-form-ite ...
elementUI中table中自定义修改时间格式2020-10-26T10:00:00
问题描述: 前端使用el-table查询到后台的数据的某一列时间列默认是标准UTC格式,如果想按照自己想显示的格式获取年月日和时分秒进行显示怎么办 ? 方法一: elementUI中的table提供了 ...
php修改时间格式报错'It is not safe to rely on the system's timezone settings.'
It is not safe to rely on the system解决方法,其实就是时区设置不正确造成的,我百度出来有以下3种解决办法实际上,从PHP 5.1.0开始当对使用date()等函数 ...
android修改系统日期格式,android刷入别人的magisk模块后想修改时间格式，在哪个文件夹修改？...
满意答案手机卡刷教程: 卡刷之详细教程!(ROM包必须是ZIP格式) (卡刷不仅可以刷ROM,还可以刷美化包,可以刷内核,与基带,只是这些都不需要双wipe而已,至于什么是双wipe,底下会讲到) ...
vant组件时间选择器修改时间格式以及默认展示当天时间
vant的时间控件默认展示当天时间 <van-fieldreadonlyrequiredclickablelabel="时间事项":value="mattertim ...
vue怎么截取时间年月_时间格式的转化 vue与js 年月日时分秒
首先使用原生转化的方法第一种 //时间转换 dateStr(d, sign) { //如果没有传递符号,给一个默认的符号 if (!sign) { sign = '-' } //获取d里面年月日时分 ...
vue中通过monment.js插件来将时间戳转换为常用的时间格式
vue中通过monment.js插件来将时间戳转换为常用的时间格式在项目中很多时候需要展示时间信息,我们一般都是用时间戳来传输时间信息,但是我们在页面展示的话是我们想要的常见格式,比如:2021-4 ...
修改oracle数据库默认时间格式
oracle数据库默认的时间格式只能精确到天(DD-MON-RR),在实际工作环境中,开发程序通常需要取得精确到秒的时间值,经查询资料在oracle中修改时间值的方式大致可以分为以下几种: 1.临时修 ...

vue 修改时间格式

vue 修改时间格式相关推荐

最新文章

热门文章