设置element ui 时间默认
是这样的的 本菜鸡拿到需求 这边选择了时间 月份
然后打开一个弹窗
一个简单的父子传值(一开始不简单 我基本上脑袋一片空白) 顺便讲一下 引入子组件 调用 在子组件上声明一个属性 然后 子那里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>
这样的 时间戳 自己记得处理时间格式然后本菜鸡无法是吧这个值给这个时间选择 我找属性啊找啊找啊~~~
子
<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;
},
自定义表单验证
需求我选择了某一个选项后后面的验证可以为空