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