设置element ui 时间默认/ 表单验证

设置element ui 时间默认

是这样的的本菜鸡拿到需求这边选择了时间月份

image.png

然后打开一个弹窗

image.png

一个简单的父子传值（一开始不简单我基本上脑袋一片空白）顺便讲一下引入子组件调用在子组件上声明一个属性然后子那里props [属性 ]即可了 this.拿就可以了言归正传
父

<p>(' 我们第一步先拿到父组件的 选择的时间')</p>
                <el-date-picker
                    v-model="time"
                    type="month"
                    :disabled="isSave || isHistorySave"
                    value-format="yyyy-MM-dd"
                    style="width: 120px"
                    placeholder="选择月"
                    @change="timeup(time)"
                    >
                </el-date-picker>
<p>@change="timeup(time)" 这个事件拿值 </p>

image.png

这样的时间戳自己记得处理时间格式然后本菜鸡无法是吧这个值给这个时间选择我找属性啊找啊找啊~~~
子

<p>:default-value="timemr" 这个属性 给默认值 </p>
      <el-date-picker
        size="small"
        type="dates"
        style="width:43%;display:inline-block;"
        v-model="item.Holiday"
        value-format="yyyy-MM-dd"
        placeholder="标记节假日"
        :default-value="timemr"

      ></el-date-picker>

:default-value 设定好了问题也就来了要是不选默认的话会报错是空哒！我还要再处理一下哈哈哈是我太菜忘了给个默认值了这样基本上就拿到了想怎么换怎么换

motnd:moment(new Date()).format("YYYY-MM-DD"),
////////////////////////////////上面是处理时间/////////////////////////////////////
console.log("付个值完事")
    tmie() {
        this.timemr=this.inputName;
    },

      自定义表单验证

需求我选择了某一个选项后后面的验证可以为空