自学内容网 自学内容网

elementUI,设置日期,只能选择过去的和今天的日期

在 el-date-picker 组件中加::picker-options="pickerOptions" 

<el-form-item label="票据生成日期:">

                <el-date-picker

                  v-model="date1"

                  type="daterange"

                  range-separator="至"

                  value-format="yyyy-MM-dd"

                  :picker-options="pickerOptions"

                />

        </el-form-item>

data() {

    return { 

        date1: [],

        

pickerOptions: {

        disabledDate: (time) => {

          return time.getTime() > Date.now()

        }

      },

        toolParams: {

        issueTimeBegin: '',

        issueTimeEnd: '',

}

},

watch: {

    date1(val) {  

      this.toolParams.issueTimeBegin = val ? val[0] : ''

      this.toolParams.issueTimeEnd = val ? val[1] : ''

    }

}

效果:


原文地址:https://blog.csdn.net/weixin_57334661/article/details/142988857

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!