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案例

 

posted @ 2022-03-07 17:33  大熊丨rapper  阅读(5424)  评论(1)    收藏  举报