vue 日期时间选择框 限制当前时间之后三十天内可选范围

< el-date-picker

                     v-model = " value3 "

                     type = "datetimerange"

                    @ change = " choose "

                    : default-time = " [ '00:00:00' , '23:59:59' ] "

                     range-separator = "至"

                     start-placeholder = "开始日期"

                     end-placeholder = "结束日期"

                    : picker-options = " pickerOptions "

                     value-format = "timestamp" >

                    </ el-date-picker >

 

      在data中定义 pickerOptions：{} 

 

// 此方法可以在create 或者mounted里调用

datatimestatus (){

             this . pickerOptions . disabledDate   =  (time)  =>  {

                 let   tempTime   =   3600   *   1000   *   24   *   30 ;

                 let   timer   =   new   Date ( new   Date () -   8.64e7 ). getTime ();  //转换时间戳(当前选中的日期)；

                 let   maxTime   =   timer   +   tempTime ;  //后三十天可选

                 return  time. getTime ()  <   new   Date () -   8.64e7   ||  time. getTime ()  >   maxTime ;

            }

        },

来源：oschina

链接：https://my.oschina.net/u/4644439/blog/4762582