当前位置 博文首页 > 要上位的程序猿的博客:ElementUI 时间选择器,显示默认时间为当

    要上位的程序猿的博客:ElementUI 时间选择器,显示默认时间为当

    作者:[db:作者] 时间:2021-08-24 09:58

    项目需求:ElementUI 时间选择器,显示默认时间为当前时间的前一天

    element框架时间选择器,默认显示时间为:当前日期的前一天

    1、html结构:
      <el-form ref="formData" :model="formData" label-width="100px">
                <!--日期板块-->
                <el-form-item label="活动时间" style="margin-left:29px">
                    <el-col :span="11">
                    <el-date-picker 
                        type="date" placeholder="选择日期"
                        v-model="formData.date"
                        @defalutData="startDeafultDate"
                        :default-value="new Date()"
                    ></el-date-picker>
                    </el-col>
                </el-form-item>
    
    2、js部分:
    data(){
      return {
        formData:{
           date:''
        },
      }  
    },
    /**
     * 设置默认时间
     */
    methods:{
    	//默认显示当前日期的前一天
    	getdatatime(){
    	     const start = new Date();
    	     this.formData.date= start.getTime()- 60 * 60 * 24* 1000 ;
    	},
    },
    mounted(){
       	 let that = this;
         that.getdatatime()
    }
    
    3、效果预览:

    在这里插入图片描述

    cs