element ui date-picker 起始时间默认值 以及格式化时间
<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" //获取选择时间格式化 获取的时间值就是这种格式无需转换
不停学习,热爱是源源不断的动力。