el-date-picker只能选择今天和明天、只能选择今天

只能选择今天和明天:

<el-date-picker

v-model="orderForm.flightDate"

type="date"

value-format="yyyy-MM-dd"

:picker-options="editPickerOptions"

placeholder="请选择航班日期"

style="width: 100%"

@change="changeDataPicker"

>

</el-date-picker>

editPickerOptions:{//只能选择今天和明天

        disabledDate(time) {

          let curDate = (new Date()).getTime();

          let oneDay = 1 * 24 * 3600 * 1000;

          let threeMonths = curDate + oneDay;

          return  time.getTime() < Date.now() - 8.64e7 || time.getTime() > threeMonths;

        },

        shortcuts: [

          {

            text: "今天",

            onClick(picker) {

              const date = new Date();

              date.setTime(date.getTime());

              picker.$emit("pick", date);

            },

          },

          {

            text: "明天",

            onClick(picker) {

              const date = new Date();

              date.setTime(date.getTime() + 3600 * 1000 * 24);

              picker.$emit("pick", date);

            },

          },

        ],

      },

只能选择今天:

<el-date-picker

                v-model="orderForm.flightDate"

                type="date"

                value-format="yyyy-MM-dd"

                :picker-options="pickerOptions"

                placeholder="请选择航班日期"

                style="width: 100%"

                @change="changeDataPicker"

              >

              </el-date-picker>

pickerOptions: {

        disabledDate(time) {

          return (

            time.getTime() < new Date().getTime() ||

            time.getTime() > new Date().getTime() + 1 * 24 * 60 * 60 * 1000

          );

        },

        shortcuts: [

          {

            text: "明天",

            onClick(picker) {

              const date = new Date();

              date.setTime(date.getTime() + 3600 * 1000 * 24);

              picker.$emit("pick", date);

            },

          },

        ],

      },


版权声明:本文为weixin_55648290原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。