我在一次開發(fā)中遇到了這個(gè)情況：使用DateTimePicker 日期時(shí)間選擇器，出現(xiàn)無法選中，

報(bào)錯(cuò) Cannot read property ‘getHours’ of undefined，
這個(gè)原因是，這個(gè)DateTimePicker 日期時(shí)間選擇器 v-model 綁定的屬性對應(yīng)的數(shù)據(jù)類型，只能是 String() 類型的，其他數(shù)據(jù)類型均會報(bào)錯(cuò)，我這邊是因?yàn)榻涌谝?#xff0c;改成了數(shù)組類型，所以報(bào)錯(cuò)了。

這是個(gè)人的部分代碼：

<el-date-pickerv-model="searchForm.inviteTimeList"type="datetime"placeholder="選擇日期時(shí)間"style="width: 600px"></el-date-picker>

我個(gè)人解決辦法： 不要修改其數(shù)據(jù)類型， 在發(fā)送請求前，設(shè)置一個(gè)變量，把這個(gè)值存儲到這個(gè)變量中，再吧這個(gè)變量處理成自己想要的數(shù)據(jù)類型。

我需要的是數(shù)組數(shù)據(jù)類型，下面貼上我自己的代碼

// state.chatSearchForm.inviteTimeList 就是 時(shí)間日期選擇器 v-model 綁定的值， 數(shù)據(jù)類型為 String // Object.prototype.toString.call(inviteTimeListQuery) === '[object Date]' -代表只有選擇了時(shí)間日期，這個(gè) v-model綁定的屬性才會有數(shù)據(jù) // [object Date] --這個(gè)要根據(jù) 選中時(shí)間日期時(shí)， v-model屬性獲取到值得數(shù)據(jù)類型來做判斷，如果你獲取得時(shí)間是 時(shí)間戳，這里應(yīng)該是[object Array] , 我這邊獲取的 標(biāo)準(zhǔn)日期格式的。 // getTime() 是將標(biāo)準(zhǔn)日期格式處理成 時(shí)間戳。這里還有更好的處理方法，但是我懶得寫了。 let inviteTimeListQuery = state.chatSearchForm.inviteTimeList || '';if (Object.prototype.toString.call(inviteTimeListQuery) === '[object Date]') {inviteTimeListQuery = [inviteTimeListQuery.getTime()];} else {inviteTimeListQuery = [];}

這樣就好了，不會報(bào)錯(cuò)了，然后把這個(gè)inviteTimeListQuery 處理后的值 傳給 后端即可。

有時(shí)候數(shù)據(jù)會包含[__ob_: observer__] 這個(gè)，想要做判斷某個(gè)屬性是否有值，可以先判斷這個(gè)值是否存在，再判斷這個(gè)值的length,這樣就可以判斷這個(gè)屬性是否有值。

// 比如我要判斷 courseLists這個(gè)屬性是否有值，有值就要做其他處理，這樣寫就只有有值時(shí)才會進(jìn)入這個(gè)判斷this.searchForm.courseLists && this.searchForm.courseLists.length

elementui 一些遇到的其他問題合集： 傳送門

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的DateTimePicker 日期时间选择器报错 Cannot read property ‘getHours‘ of undefined, 无法选中`[__ob_: observer__]`时做判断的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。