使用饿了么el-date-picker里及如何将后台给的时间戳js转化为时间格式

首先代码是这个样子的,使用v-modeljavascript

<el-date-picker v-model="formData.createTime"
            :disabled="true"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="选择日期">
</el-date-picker>

当formData.createTime接收后台的值是时间戳时,页面F12报:TypeError: dateStr.search is not a functionjava

为何呢,查看官网文档:使用format指定输入框的格式;使用value-format指定绑定值的格式。this

这里绑定值并非时间戳 :value-format="yyyy-MM-dd HH:mm:ss"
当我改成:value-format="timestamp"就能够了
固然若是你不想改,就用更麻烦的方法把绑定值时间戳转化为对应的时间格式
方法以下:
function myFormatDate(dd) {
  var now=new Date(dd);
  var year=now.getFullYear();
  var month=now.getMonth()+1;
  var date=now.getDate();
  var hour=now.getHours();
  var minute=now.getMinutes();
  var second=now.getSeconds();
  return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;
}
处理一下this.formData.createTime = myFormatDate(this.formData.createTime)
固然这样很麻烦,并且代码也繁琐,这就是我开始没具体看文档写的方法,因此细心阅读文档仍是很重要的
相关文章
相关标签/搜索