uView的DatetimePicker詳解


uView UI號稱: 是全面兼容nvue的uni-app生態框架,全面的組件和便捷的工具會讓您信手拈來,如魚得水

親身感受,用起來真的坑太多, 官方文檔太簡潔, 很多配置都沒說明也沒代碼, 上百度查, 百度上又很少 關於uView UI的, 真心希望,  能提供效果演示代碼,起碼和右邊的效果圖能對應上

就比如 uView的DatetimePicker,  很多人卡在 怎么把時間戳 轉年月日, 怎么沒說明等等, 百度又百度不到, 氣得我只能把全部源碼下載下來運行查看!

效果:  時間戳轉成想要的數據格式

 

 

<!-- uniapp中使用為例子 -->
      <view>
          <u-datetime-picker
              :show="show2"
              v-model="value2"
              mode="date"
              closeOnClickOverlay
              @confirm="confirm"
          ></u-datetime-picker>
          <u-button @click="show2 = true">打開</u-button>
      </view>





data() {
    return {
      show2: false,
      value2: Number(new Date()),
  },
methods: {
         //確定按鈕(自定義轉換格式)
      confirm(e) {
          const timeFormat = uni.$u.timeFormat
          console.log(timeFormat(e.value, 'yyyy-mm-dd'))
        // console.log(timeFormat(e.value, 'yyyy-mm-dd hh:MM'))
        // console.log(timeFormat(e.value, 'yyyy-mm'))
      },
},
 
demo案例

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM