在vue+element中手动写日期格式化转换为“yyyy-MM-dd hh:mm:ss”
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
element中使用时间选择器的时候设置时分秒会报错,所以自己写了一个方法
<el-date-picker v-model="ruleForm.signing_date" type="datetime" placeholder="签约时间" ></el-date-picker>
在methods中写一个方法↓
//时间格式化函数,此处仅针对yyyy-MM-dd hh:mm:ss 的格式进行格式化
dateFormat:function(time) {
var date=new Date(time);
var year=date.getFullYear();
/* 在日期格式中,月份是从0开始的,因此要加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;
}
HTML中使用<p>{{dateFormat(create_time)}}</p>
提交代码中使用
let params = { signing_time: this.dateFormat(this.ruleForm.signing_date), // 签约时间 complete_time: this.dateFormat(this.ruleForm.complete_date), //完成时间 };
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45
5 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 5 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)