使用餓了麼el-date-picker裏及如何將後臺給的時間戳js轉化爲時間格式

首先代碼是這個樣子的，使用v-model

<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 function

爲何呢，查看官網文檔：使用format指定輸入框的格式；使用value-format指定綁定值的格式。

這裏綁定值並非時間戳 ：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)

固然這樣很麻煩，並且代碼也繁瑣，這就是我開始沒具體看文檔寫的方法，因此細心閱讀文檔仍是很重要的