zoukankan      html  css  js  c++  java
  • elementui 日期选择器设置当前默认日期(picker-options),以及当前日期以后的无法选择(default-value)

    目前官方的日期默认是当前日期,打开之后长这样子:现在是三月13日,但是有的需求是当前日期在后面。

    就像这样:

     代码如下:

    default-value是设置当前日期默认值的。"timeDefaultShow"是在data里面的值,而不是方法。
    <el-date-picker
            v-model="pickerDate"
            type="daterange"
            range-separator="至"
            start-placeholder="开始日期"
            :picker-options="pickerBeginDateBefore"
            :default-value="timeDefaultShow"
            end-placeholder="结束日期"
            size="small"
            class="margin-right-10">
          </el-date-picker>


    data() {
    return {
    pickerBeginDateBefore:{
    disabledDate(time) {
    return time.getTime() > Date.now();
    }
    },
    timeDefaultShow:'',
    }
    }

    在created或mounted(也就是页面第一次加载时)更新timeDefaultShow:

    上个月的当前日期为默认值

    that.timeDefaultShow = new Date();
     that.timeDefaultShow.setMonth(new Date().getMonth() - 1);

    打开就是上面的效果了。

    再说当前日期后面的日期不能选择:

    (上面代码中有这句话)pickerBeginDateBefore也是一个值。附上官网链接(第一个例子里面有该方法):日期选择器

  • 相关阅读:
    react-router-dom中的BrowserRouter和HashRouter,link与Navlink
    在React中使用react-router-dom路由
    详解react中的state,props,refs
    简单明了的vuex详解
    暂时性死区
    es6中的块级作用域
    es6的let
    前端模块化
    Web框架
    百分比布局 双飞翼布局 圣杯布局
  • 原文地址:https://www.cnblogs.com/chinabin1993/p/8559555.html
Copyright © 2011-2022 走看看