element ui date-picker 起始时间默认值 以及格式化时间

<el-form-item label="错误产生时间:">
                            <el-date-picker
                                    v-model="form.responesStartTime"
                                    type="datetime"
                                    placeholder="选择日期时间"
                                    :picker-options="pickerStartDate">
                            </el-date-picker>

                            &nbsp;&nbsp;&nbsp;&nbsp;

                            <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" //获取选择时间格式化 获取的时间值就是这种格式无需转换

posted @ 2021-04-02 18:49  小不点灬  阅读(3546)  评论(0编辑  收藏  举报