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" //獲取選擇時間格式化 獲取的時間值就是這種格式無需轉換


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM