---
title: 基本用法
order: 0
---

基本用法和禁用状态

```vdt
import Datepicker from 'kpc/components/datepicker';

<div>
    <Datepicker v-model="date" ref="__demo"/>
    <Datepicker disabled value="2018-01-01"/>
</div>
```

```styl
.k-datepicker
    margin-right 20px
```