---
layout: templateLayout
---
```vue
<template>
    <div class="mt-20 first">可选择的时间范围为：2020-7-1 到 2020-8-31</div>
    <Wb-input-date-picker :min-date="new Date(2020, 7, 1)" :max-date="new Date(2020, 8, 31)" />
    <div class="mt-20">选择的时间范围不超过3天：</div>
    <Wb-input-date-picker max-range="3D" model="range" />
    <div class="mt-20">今天不能被选择：</div>
    <Wb-input-date-picker :disable="[new Date()]" />
    <div class="mt-20">只能选择今天：</div>
    <Wb-input-date-picker :enable="[new Date()]" />
    <div class="mt-20">禁止每个月 3 号：</div>
    <Wb-input-date-picker :disabled-date="disabledDate" />
</template>
<script>
export default {
}
</script>
```