Hi, everyone, I have a question about el-date-picker’s disabledDate.
I would like to know how to execute disabledDate
just after users choose a date in the first choice.
If users choose the future date in choice, I would like to disable the date before today(So users can choose only the date before today in seconde choice)
I need help.
I am using Laravel and trying to use custom theme but cant achieve it
In the app.js I have following:
window.ElementUI = require('element-ui');
import '../sass/element-variables.scss';
Vue.use(ElementUI);
the element-variables.scss contains following:
/ theme color /
$--color-primary: #72C02C;
//If I import this, it goes in the first <style> tag but then is ovverriden by the default theme again
//@import '~element-ui/lib/theme-chalk/index.css';
How I can override the default theme
hello, i have a form with two el-autocomplete
inputs. both of them have validation rules but only the first is validated and therefore it marks the form as valid even though the second one has no content.
here is my markup:
el-form(ref="labelForm" :inline="true" :model="labelFormData" :rules="labelFormRules" @submit.native.prevent.stop="addFilter")
el-form-item(prop="labelKey")
el-autocomplete(v-model="labelFormData.labelKey" placeholder="name" #prefix :fetch-suggestions="labelKeyAutocomplete")
el-form-item(prop="labelValue")
el-autocomplete(v-model="labelFormData.labelValue" placeholder="value" #prefix :fetch-suggestions="labelValueAutocomplete")
el-form-item
g-button(type="primary" native-type="submit") Add
can someone tell me whats going on and how to fix that? both inputs just have the required rule. if i switch the order of the inputs in the markup, then the other one gets validated. so only the first in the markup gets validated and the second one is ignored.
key
prop to each form with the same name as the ref and that worked
<el-form-item label="Your Address" prop="address" required>
<vue-google-autocomplete
v-model="business.address"
id="map"
ref="address"
classname="form-control el-input__inner"
placeholder="Please type your address"
@placechanged="getAddressData"
required
/>
</el-form-item>
<el-tabs @tab-click="handleClick">
<el-tab-pane label="2019">
<div class="row">
<div class="financial-areas align-items-center">
<div class="sq-financial-report" v-for="report in reports">
<img class="img-fluid" :src="report.imageurl" alt="square group">
<div class="sq-f-report-caption text-center mt-3">
<h4> {{report.title}}</h4>
</div>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="2018">
<div class="row">
<div class="financial-areas align-items-center">
<div class="sq-financial-report">
<!-- <img class="img-fluid" src="../assets/images/nopreview.jpg" alt="square group">-->
<h1 class="display-2">No preview available!</h1>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="2017">
<h1 class="display-2">No preview available!</h1>
</el-tab-pane>
</el-tabs>