微信小程序w-picker组件关于颗粒度“时“即hour时“日“初始化不显示问题处理

这段时间在做一个项目，有个日期选择功能，精确度有到年月日时，在用到组件时候发现 fields="hour”的时候初始化后日那一列数据是空的，只有滑动其他年月时之后，日那一列才有数据，我就去看看源码到底什么问题。
第一步
找到w-picker组件--->date-picker.vue
第二步
在methods中找到checkValue方法
找到case "hour":
源码里的正则校验只能校验’2022-01-01 10:00:00‘这种格式的时间
如果是'2022-01-01 10'这种格式的时间则校验为fasle
第四步
我们需要把正则校验换成

strReg=/^\d{4}-\d{2}-\d{2} \d{2}?$/;

第五步
找到getDefaultDate方法

在let value=this.value;后面加上这一段代码

let reg =/^\d{4}-\d{2}-\d{2} \d{2}?$/
if(reg.test(value)){value = value+':00:00'
}

把let defaultDate = 这行代码换成

let defaultDate=value?new Date(value):new Date();

以上就是全部需要改动的代码啦，结束。
有什么问题可以留言，谢谢大家。

微信小程序w-picker组件关于颗粒度“时“即hour时“日“初始化不显示问题处理相关推荐

微信小程序的picker使用对象数组
在网上看到<发现微信小程序的picker组件不能直接使用索引数组({key : value}), 于是我在服务器端把索引数组中的key和value>贴子误导初学开发者... 正确的使用方法 ...
【微信小程序】选择器组件picker
文章目录 [微信小程序]选择器组件picker picker组件的定义 picker组件的类型 picker属性共同的属性时间选择器time 参考 [微信小程序]选择器组件picker picke ...
微信小程序自定义picker多列选择器
需求说明使用 mpvue 实现自定义的 picker 多列选择器. 1.数据结构说明根据 picker 的数据特征,需要构造一个如下所示的数据结构.data数组中的三个元素,分别用于渲染 pick ...
WeZRender：微信小程序Canvas增强组件。
https://segmentfault.com/a/1190000007982805 WeZRender是一个微信小程序Canvas增强组件,基于HTML5 Canvas类库ZRender. 显示的 ...
微信小程序_基础组件学习02
微信小程序_基础组件学习02 swiper组件 swiper是滑块容器,也就是手机端的轮播图. swiper组件有两部分组成swiper和swiper-item. swiper-item需要放在swi ...
微信小程序基于swiper组件的tab切换
代码地址如下: http://www.demodashi.com/demo/14010.html 一.前期准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.c ...
微信小程序授权登录组件的封装
微信小程序授权登录组件的封装新建components文件写wxml文件 wxss部分 js部分 json引用页面使用页面js 授权登录流程如下: 因为多个页面功能需要登录状态所以做了个组 ...
微信小程序使用image组件显示图片的方法
本文实例讲述了微信小程序使用image组件显示图片的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① index.wxml 代码如下: <image style=" ...
微信小程序的父子组件传值
微信小程序的父子组件传值如果小程序中有可复用的UI且具有一定的功能性,就可以使用自定义组件将其封装起来. 下面介绍父子组件的数据传递方法,以及一个简单的组件和一个复杂的组件示例. 二.父子组件传递数 ...
A095_day01_微信小程序入门与组件
目录微信小程序入门与组件 - Day01 1.内容介绍 2.微信小程序简介(了解) 2.1.什么是小程序 2.2.微信小程序与app的区别 2.3.小程序在入口 2.4.微信小程序的工作原理 2.5 ...

微信小程序w-picker组件关于颗粒度“时“即hour时“日“初始化不显示问题处理

微信小程序w-picker组件关于颗粒度“时“即hour时“日“初始化不显示问题处理相关推荐

最新文章

热门文章