## html
<el-date-picker
??????????????type="date"
??????????????placeholder="開(kāi)始日期"
??????????????v-model="customData.limitTime.startTime"
??????????????style="width:?100%;"
??????????????value-format="yyyy-MM-dd"
??????????????:picker-options="effectivePickerStart"
??????????????:editable="false"
????????????></el-date-picker>
<el-date-picker
??????????????type="date"
??????????????placeholder="失效日期"
??????????????v-model="customData.limitTime.endTime"
??????????????:picker-options="effectivePickerEnd"
??????????????style="width:?100%;"
??????????????value-format="yyyy-MM-dd"
??????????????:editable="false"
????????????></el-date-picker>
## data中定義該數(shù)據(jù)(數(shù)據(jù)不唯一)
customData:?{
????????limitTime:?{
??????????startTime:?"",
??????????endTime:?""
????????}
??????},
??????effectivePickerStart:?{
????????//時(shí)間限制
????????disabledDate:?this.effectivePickerStartDisabledDate
??????},
??????effectivePickerEnd:?{
????????//時(shí)間限制
????????disabledDate:?this.effectivePickerEndDisabledDate
??????}
## 邏輯
effectivePickerStartDisabledDate(time)?{
??????let?timeGetTime?=?time.getTime();?
??????let?x?=?this.customData.limitTime.endTime;
??????if?(x)?{
????????let?now?=?new?Date(x).getTime()?-?24?*?60?*?60?*?1000;?
????????return?timeGetTime?>?now;
??????}
????},
????effectivePickerEndDisabledDate(time)?{
??????let?timeGetTime?=?time.getTime();
??????let?x?=?this.customData.limitTime.startTime;
??????let?now?=?new?Date(x).getTime()?-?24?*?60?*?60?*?1000;?
??????return?timeGetTime?<?now;
????},