<el-form-item label="錯誤產生時間:"> <el-date-picker v-model="form.responesStartTime" type="datetime" placeholder="選擇日期時間" :picker-options="pickerStartDate"> </el-date-picker> 至 <el-date-picker v-bind:start="form.responesStartTime" v-model="form.responesEndTime" type="datetime"//顯示時間的格式化 placeholder="選擇日期時間" value-format="yyyy-MM-dd HH:mm:ss" //獲取選擇時間格式化 :picker-options="pickerEndDate"> </el-date-picker> </el-form-item>
如果有默認時間就需要轉化特定格式 ,如果在有默認值依然使用value-format="yyyy-MM-dd HH:mm:ss" //獲取選擇時間格式化 在首次獲取格式就不對,當再次點擊后就會恢復正常
responesStartTime:new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), 0, 0), responesEndTime:'',
responesStartTime : formatT(this.form.responesStartTime,false) //傳遞false就是需要時分秒格式 否則就是不需要 function formatT(dateString,onlyYMD){ if(!dateString){ return ''; } var M = new Date(dateString); var year = M.getFullYear(); var month = M.getMonth()+1; var date =M.getDate(); var onlyYMD = onlyYMD; if(typeof onlyYMD == 'boolean') { onlyYMD = onlyYMD; }else{ onlyYMD=true; } if(onlyYMD){ if(month<10){ month="0"+month; } if(date<10){ date="0"+date; } if(month>9){ month=month; } if(date>9){ date=date; } $str = year+"-"+month +"-" +date; }else{ var hours =M.getHours(); var minutes =M.getMinutes(); var seconds = M.getSeconds(); if(month<10){ month="0"+month; } if(date<10){ date="0"+date; } if(month>9){ month=month; } if(date>9){ date=date; } if(hours<10){ hours="0"+hours; } if(minutes<10){ minutes="0"+minutes; } if(seconds<10){ seconds="0"+seconds; } if(hours>9){ hours=hours; } if(minutes>9){ minutes=minutes; } if(seconds>9){ seconds=seconds; } $str = year+"-"+month +"-" +date+" "+hours +":"+minutes+":"+seconds; } return $str; }
如果沒有首次默認值就可以在picker 加上 value-format="yyyy-MM-dd HH:mm:ss" //獲取選擇時間格式化 獲取的時間值就是這種格式無需轉換