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

607 B

Disabled

<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" />
export default {
  data () {
    return {
      datetime: null,
      date: null,
      datetimerange: null,
      daterange: null,
      disabled: true
    }
  }
}
.n-date-picker {
  margin: 0 12px 8px 0;
}