zoukankan      html  css  js  c++  java
  • 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" //获取选择时间格式化 获取的时间值就是这种格式无需转换

    不停学习,热爱是源源不断的动力。
  • 相关阅读:
    分层应用——怎样实现登录?
    浅谈UML的概念和模型之UML九种图
    C++ 顶层 const
    Cooley-Tukey算法 (蝶形算法)
    Android 4.4 Kitkat 使能 USB adb 功能
    Linux多线程编程小结
    排序算法汇总总结
    nodeJs基础
    MyBatis入门学习(一)
    IOC/DI的基本思想
  • 原文地址:https://www.cnblogs.com/ximenchuifa/p/14612120.html
Copyright © 2011-2022 走看看