naive-ui/demo/documentation/components/datePicker/enUS/disabled.demo.md
07akioni 487001d697 build: add changelog to site, refactor loader based on suffix
.demo.md for component demo
.demo-entry.md for demo entry
.md for common docs
2020-08-19 23:30:04 +08:00

42 lines
607 B
Markdown

# Disabled
```html
<n-date-picker
v-model="date"
type="date"
:disabled="disabled"
/>
<n-date-picker
v-model="datetime"
type="datetime"
:disabled="disabled"
/>
<n-date-picker
v-model="daterange"
:disabled="disabled"
type="daterange"
/>
<n-date-picker
v-model="datetimerange"
:disabled="disabled"
type="datetimerange"
/>
<n-switch v-model="disabled" />
```
```js
export default {
data () {
return {
datetime: null,
date: null,
datetimerange: null,
daterange: null,
disabled: true
}
}
}
```
```css
.n-date-picker {
margin: 0 12px 8px 0;
}
```