weui datePicker插件 在部分安卓9以下版本显示日期少一天的问题(内含解决办法)

最新推荐文章于 2024-06-28 13:00:32 发布
最新推荐文章于 2024-06-28 13:00:32 发布
阅读量451 收藏
点赞数
分类专栏： weui 文章标签： weui weui-datePicker 部分安卓少一天
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/laihaodong/article/details/100058700
版权

最近在写H5页面的时候用到了weui里面的datePicker插件,这个插件其他都还好,ui设计的也挺好,但是有一个很大很大的坑就是标题描述的那个问题,就是在安卓9以下的手机上显示日期少一天,而且安卓9以及ios上展示都没有问题,当时还以为是我代码写的有问题,但是我拿有问题的手机访问它官网上的那个链接的时候也会出现这个问题,所以就排除了我代码的问题,然后就考虑兼容安卓的问题
但有没想到什么好的办法,最后只能分析源码( weui.js ) 一步一步打断点看 一步一步console输出
在这里插入图片描述
这是没有问题的截图
以下是有问题的截图
在这里插入图片描述

laihaodong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
weui.js--修改版解决部分安卓手机日期少展示一天的问题
08-24
解决weui datePicke 在部分安卓上日期少一天的问题,修改版
设置 DatePicker 中文显示
07-13
在IT行业中，尤其是在Web开发领域，用户界面(UI)的设计至关重要，而日期选择器(DatePicker)是一种常见的交互元素，用于让用户方便地选取日期。本篇将深入探讨如何设置DatePicker使其支持中文显示，这对于针对中文...
WeUI移动页面实现时间选择器（年-月-日-时-分）
weixin_34123613的博客
05-15 2527
在做微信公众号的时候，使用的WeUI样式，有一个需求是用户选择一个预约时间，需要年月日并精确到小时和分钟。 但是WeUI的picker组件不支持直接显示5列，根据WeUI.js作者的建议，是将日期和时间选择作为两个选择器来实现。 所以我的实现思路是先选择日期，然后自动跳出时间选择，来模仿一个时间选择器。日期属于datepicker，时间属于普通的picker。 效果图： 点击期望时间跳出datep...
选择上午、下午时间段并得总共时长弹出框组件
最新发布
weixin_41330491的博客
06-28 78
在现代Web应用中，用户界面的友好性和交互性至关重要，特别是在处理时间选择这类常见功能时。本文将详细介绍如何利用Vue.js框架结合微信小程序（uni-app）开发一个自定义的时间段选择组件。这个组件允许用户便捷地选择上午或下午的具体时间段，并计算所选时间段的总工作时长。组件概述本组件通过弹出层（u-popup）展示，提供...
iview(DatePicker)时间转入后台少一天 解决方案
chelflan's blog
04-04 1342
iview(DatePicker)时间转入后台少一天 解决方案 后台注解 前台： 加个事件 @on-change @on-change="getStartTime" getStartTime(starTime) { ...
iviewui和element中日期选择控件少一天问题
weixin_42508745的博客
03-27 247
iviewui中日期选择控件DatePicker <DatePicker v-model="studentObj.birthDate" type="date" placeholder="选择日期"> </DatePicker> //修改为 <DatePicker v-model="studentObj.birthDate" type="date...
weui.datePicker控件开始结束日期联动效果
yyf326的博客
05-16 1603
功能 1，获取焦点弹日期框 2，当前控件无值，默认显示今天 3，当前控件有值，则显示控件的值 4，选择开始日期之后清空结束日期，js判读日期大小再清空太麻烦，先不搞，后续再说 5，结束日期显示时候，日期最小值根据开始日期来判断，开始日期为空，默认2000年，开始日期有值则最小值默认开始日期的值 使用代码 //开始日期 $('#txt_dateStart')....
基于weui图片上传封装插件
02-19
本项目"基于weui图片上传封装插件"是个人原创的，针对使用jQueryWeui框架的前端开发者，提供了一个实用且方便的图片上传解决方案。这个插件的核心功能在于将图片上传的过程进行封装，使得开发者无需深入了解上传技术...
DatePicker
01-07
在这个场景中，我们关注的是如何在PC端实现一个与移动端WeUI框架中DatePicker功能相仿的效果，因为原生的WeUI框架的DatePicker在桌面设备上可能不支持滑动交互。 WeUI是一个专为微信Web服务设计的开源UI库，它提供...
jqweui图片上传插件jquery-weui.uploader.js
07-21
jqweui图片上传插件jquery-weui.uploader.js 实现 多图上传，预览，删除，初始化控件，图片赋值加载，获取图片数据。压缩包包含jquery-weui.uploader.js，weui以及示例demo
weui 自定义datepicker 年月日 上午下午 四级联动的实现
realzuile的博客
08-12 1196
由于项目需求，需要自定制年月日上午这种四级联动，经过模仿官方weui.min.js实现了上述功能。 根据此种样式可以灵活实现月日两级联动或年月日 时分秒 六级联动功能。代码如下： <link rel="stylesheet" href="/wxweb/css/weui.css"> //注意改为自己的路径 <script src="/wxweb/static/wxweb/j...
关于jquery-weui.js中时间控件datetimepicker的使用
weixin_30663471的博客
07-04 675
　　今天第一次接触jquery-weui，不太了解用法，然而官方文档写的也很简略，只好打开源代码进行研究，我想要的是设置开始日期大于当前日期，然后在源码中发现有min这个默认为undefined的属性，于是在设置 启动$("#starttime").datetimePicker()的时候里面加了一个参数param,一般来说这种参数都是json格式，于是 var nTime = new Da...
weui.js之datepicker年月日时分秒的选择
wm9028的专栏
06-01 1887
weui.js之datepicker年月日时分秒的选择 <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.0.1/weui.min.css"> <script type="text/javascript" src="https://res.wx.qq.com/t/wx_fed/cdn
jquery-weui与$jQuery冲突 导致jquery-weui的datetimePicker失效
weixin_45966674的博客
12-31 650
相信很多人会喜欢封装ajax 而其中少不了一句 $jQuery = jQuery.noConflict(); 可当你这么写项目有引入了jquery-weui时你就会发现 他们不能共存 其实解决办法也就是一个共存 用作用域将他们分隔开来 将发送ajax写写成一个方法 然后通过方法不会被外部变量影响且也不会影响外部变量的原理解决这个问题 在封装的ajax方法里一开头就写 let $jQuery = jQuery.noConflict(); let是关键 用最小作用域就大大减少了冲突的可能 参考代码如下
weui实现（日期 年-月-日 滚动选择）
小白的博客
10-18 1226
引入weui的js,css文件和vue.js 1、引入（引入weui的js文件和css文件必须必须是对应的！，不然的话后期显示样式会非常乱！） <link rel="stylesheet" href="/static/weui/weui.min.css"> <script type="text/javascript" src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script> 2
weui中日期使用
不善言谈者
12-12 2212
因为需要使用企业微信,公司推荐使用weui,其中日历插件经常会使用. weiui选择时间,有好几种方式, 1.将输入框类型定义成date 2.使用weui.datePicker() 3.使用$("#fdName").datetimePicker() 4.使用 $("#fdName").calendar() 除了第一种方法外,另外三种方法其实都差不多. 不过呢,不知道是我这边引入js时少引入了,还是...
weui实现时间选择器
weixin_42060658的博客
01-03 4216
weui --github文档 最近一个项目中要用到 日期时间选择器， 采用了weui, 但是在其文档中 所提供的选择器中，并没有时间选择器，但是有日期选择器以及普通选择器，所以实现思路为，使用普通选择器制作一个时间选择器， 在选择日期后，点击确定，马上弹出这个普通选择器，有点踩坑的是 在选择完 日期后，想调用普通选择器发现不会弹出，解决方案如下： function dateMypick(...
weui datapicker出现的问题
Liam_fang的博客
07-25 5166
$('#showDatePicker_2').on('click', function () { weui.datePicker({ start: '2018-7-11',//这里出现的问题 end: '2019-5-1', onConfirm: function (result) { ...
【前端】WeUI DatePicker时间组件绑定方法以及chatGPT回答
小5聊的博客
08-11 1360
2023年，第33周，第1篇文章。给自己一个目标，然后坚持总会有收货，不信你试试！ WeUI DatePicker，这个组件在纯html静态文件js里用的比较少，也忘记默认绑定值怎么设置，就用chatGPT来找答案。 结果发现，chatGPT在没有找到正确答案时，会按编程思维理解去自己写。纠正了几次都是不对。
vue在h5中使用weui实现日期时间选择器
05-11
2. 在Vue组件中定义一个input元素，用于显示选择的日期时间： ``` 请选择日期时间" v-model="selectedDate" readonly> export default { data() { return { selectedDate: '' } }, } ``` 3. 在Vue...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值