---
order: 1
title:
  zh-CN: 禁用状态
  en-US: Type
---

## zh-CN
通过添加disabled属性来禁用组件


## en-US


````jsx
<date-picker style="width: 219px" disabled></date-picker>
````

````vue-script
new Vue({
  el: 'body',
  components: {
    datePicker: atui.DatePicker
  }
})
````