# JDate 日期組件 使用文檔 ###### 說明: antd-vue日期組件需要用moment中轉一下，用起來不是很方便，特二次封裝，使用時只需要傳字符串即可 ## 參數配置 | 參數 | 類型 | 必填 |說明| |--------------|---------|----|---------| | placeholder |string | | placeholder | | readOnly | boolean | | true/false 默認false | | value | string | | 綁定v-model或是v-decorator后不需要設置 | | showTime | boolean | | 是否展示時間true/false 默認false | | dateFormat | string | |日期格式 默認'YYYY-MM-DD' 若showTime設置為true則需要將其設置成對應的時間格式(如:YYYY-MM-DD HH:mm:ss) | ## 事件 | 事件名 | 說明 | 回調參數| |--------------|---------|----------| | change |日期值改變回調 | 日期的值 | 使用示例 ---- 1.組件帶有v-model的使用方法 ```vue <j-date v-model="dateStr"></j-date> ``` 2.組件帶有v-decorator的使用方法 ```vue <j-date v-decorator="['dateStr',{}]"></j-date> ``` 3.其他使用 添加style ```vue <j-date v-model="dateStr" style="width:100%"></j-date> ``` 添加placeholder ```vue <j-date v-model="dateStr" placeholder="請輸入dateStr"></j-date> ``` 添加readOnly ```vue <j-date v-model="dateStr" :read-only="true"></j-date> ``` 備注: script內需引入jdate ```vue <script> import JDate from '@/components/jeecg/JDate' export default { name: "demo", components: { JDate } //... } </script> ```