vant框架 日歷組件格式化

項目開發(fā)發(fā)現(xiàn),日歷組件的值直接傳到后端會報400,需要將時間格式化才行,話不多說直接上代碼

<van-field
  readonly
  clickable
  name="date"
  :value="detailInfo.calendar"
  label="日期"
  placeholder="點擊選擇日期"
  @click="showCalendar = true"
/>
<van-calendar v-model="showCalendar" @confirm="onConfirmCalendar" />
onConfirmCalendar(value,index){
      let date = new Date(value)
      let y = date.getFullYear()
      let m = date.getMonth() + 1
      m = m < 10 ? ('0' + m) : m
      let d = date.getDate()
      d = d < 10 ? ('0' + d) : d
      const time =  y + '-' + m + '-' + d;
      console.log(time)//輸出例:2021-06-23
      this.detailInfo.calendar = time;
      this.showCalendar = false;
    }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容