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

    不停学习,热爱是源源不断的动力。
  • 相关阅读:
    rdesktop ERROR: CredSSP: Initialize failed, do you have correct kerberos tgt initialized ? Failed to connect, CredSSP required by server
    nginx 服务器重启命令,关闭
    Libvirt磁盘加密
    qemu-nbd使用教程
    交叉编译Spice-gtk
    通过Python调用Spice-gtk
    远程桌面连接KVM虚拟机
    虚拟创建失败之Dbus调试
    Libvirt代码架构
    Libvirt外部快照
  • 原文地址:https://www.cnblogs.com/ximenchuifa/p/14612120.html
Copyright © 2011-2022 走看看