問題

我查看了這個 vuejs-datepicker 以將datepicker新增到我的專案.

 <div class="startDate">
    <datepicker
     v-model="startDate"
     format="YYYY-MM-DD"
     name="startDate"
     ></datepicker>
</div>
 

從“vue-date-picker”匯入datepicker;

 <style scoped>
  .startDate {
   width: 150px;
   }
<style>
 

但startDate的仍然寬度顯示238px,這是datepicker的預設寬度.

  最佳答案

嘗試這個

 <div>
    <datepicker class="startDate"
        v-model="startDate"
        :readonly="true"
        format="YYYY-MM-DD"
        name="startDate"
     ></datepicker>
</div>

 
  .startDate {
    width: 150px;
     }
 

  相同標籤的其他問題

javascriptvue.jsvuejs2vue-componentvuejs-datepicker