vue基于element时间日期组件上传多个时间转字符串（限制今天以前不能选）

版权声明：有用请收藏，转载请注明出处！不做伸手党，谢谢！ https://blog.csdn.net/qq_42221334/article/details/89186874

html

<el-form-item label="最晚到货时间" prop="project_time2" size="small" style="width: 618px">
            <el-date-picker 
              v-model="ruleForm.project_time2" 
              type="datetime" 
              :picker-options="pickerOptions0" 
              placeholder="选择日期时间"
              style="width:320px">
            </el-date-picker>
        </el-form-item>


<el-form-item label="发布时间：" required >
          <el-col :span="11">
            <el-form-item prop="project_time1" style="width: 488px">
              <el-date-picker  
              type="datetime" 
              :picker-options="pickerOptions0"   
              placeholder="选择日期时间" 
              v-model="ruleForm.project_time1" 
              style="width: 318px;" 
              size="small"></el-date-picker>
              <div class="annotation1">到了该时间后才会展示平台</div>
            </el-form-item>
          </el-col>
        </el-form-item>


<el-form-item label="截至申请时间：" required>
          <el-col :span="11">
            <el-form-item prop="project_time3" style="width: 488px">
              <div style="position: relative">
                <el-date-picker  
                type="datetime" 
                :picker-options="pickerOptions0"   
                placeholder="选择日期时间" 
                v-model="ruleForm.project_time3" 
                style="width: 318px;" 
                size="small"></el-date-picker>
              </div>

              <div class="annotation2">到了该时间后养户将不能再报名计划</div>
            </el-form-item>
          </el-col>
        </el-form-item>

data() {
      return {
        //限制今天之前的不能选择
        pickerOptions0: {
          disabledDate(time) {
            return time.getTime() < Date.now() - 8.64e7;
          }
        },
        ruleForm: {
          
          project_time2:"",                         //最晚到货时间
         
          project_time1:"",//发布时间
          project_time3:"",//截止时间
          project_desc:"",//备注
        },

methods: {
      //获取的时间对象转字符串
      Transformation(times){
        var time=times;
        var time1 = time.getTime();
        var date = new Date(time1),
          Y = date.getFullYear() + '-',
          M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-',
          D = date.getDate() + ' ',
          h = date.getHours() + ':',
          m = date.getMinutes() + ':',
          s = date.getSeconds();
          var current=Y+M+D+h+m+s
          return current
      },
//      点击发布
      submitForm(ruleForm) {
        this.ruleForm.project_time2=this.Transformation(this.ruleForm.project_time2)
        this.ruleForm.project_time1=this.Transformation(this.ruleForm.project_time1)
        this.ruleForm.project_time3=this.Transformation(this.ruleForm.project_time3)
            .....
                ....//下面就开始调用接口