anddesign日期

DatePicker 日期选择框

<a-range-picker
        style="width:312px;margin-right:8px;"
        dropdownClassName='viewPicker'
        format="YYYY-MM-DD"
        :placeholder="['开始日期', '结束日期']"
        @change="onChange1"
        v-model="value2"
        :getCalendarContainer="()=>$refs.viewData"
        >
        <div slot="renderExtraFooter" slot-scope="mode">
          <span class="timespan" @click="nowadays()">今天</span>
          <span class="timespan" @click="yesterday()">昨天</span>
          <span class="timespan" @click="lastsevendays()">最近七天</span>
          <span class="timespan" @click="lastthirtydays()">最近30天</span>
        </div>
  </a-range-picker>

        renderExtraFooter在面板中添加额外的页脚，所需内容自己定义。

按钮宽度

官方文档默认展示是英文，在进行汉译过程中，在1.7.2版本中需要对按钮进行处理

<a-config-provider :auto-insert-space-in-button="false">
      <a-button type="primary">
        按钮
      </a-button>
 </a-config-provider>
 <a-button type="primary">
      按钮
 </a-button>