账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-element 时间插件实现范围禁选
    27
    0

    1、我想处理时间范围插件,当我的年份确定下来后,我的时间范围只能再年份内选择,我使用了element的时间范围插件,但是我去拿表单数据,却提取不了,form中的数据,我试了写死数据是可以,但是动态的就是不行
    2、

    html 部分

    <el-form-item label="年份" prop="nf">

    <el-date-picker v-model="form.nf" :picker-options="pickerOptions1" type="year" placeholder="选择年份" format="yyyy"
        value-format="yyyy" @change="startChange"></el-date-picker>

    </el-form-item>
    <el-form-item label="疗休养时间" prop="times">

    <el-date-picker v-model="form.times" type="datetimerange" :picker-options="pickerOptions"
        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd"
        value-format="yyyy-MM-dd" align="right">
    </el-date-picker>

    </el-form-item>

    3、数据

    data(){
        return{
            form:{
                nf: new Date().getFullYear().toString(),
                title: "",
                beizhu: "",
                sf: null,
                bt: null,
                times: [],
                start_time: "",
                end_time: ""
            },
            pickerOptions: {
                disabledDate(time) {
                    console.log(this.form)
                    return (
                        Date.parse(this.form.nf+'/01/01') > time.getTime() ||
                        Date.parse(this.form.nf+'/12/31') < time.getTime()
                    );
                }
            },
        }
    }
    

    现在就是我再打印this.form的时候报错,Cannot read property 'form' of undefined,求解?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部