51dev.com IT技术开发者社区

51dev.com 技术开发者社区

H5+jqweui实现手机端图片压缩上传

H5+jqweui实现手机端图片压缩上传

主要功能,使用H5的formData上传base64格式的图片,canvas压缩图片,前端样式使用weui,为方便起见,使用了jquery封装过的weui,jqweui。话不多少,开始上代码。前端代码,直接在jqweui官网下的demo里改的(是dist下的demo)<!DOCTYPEhtml><ht...

WEUI picker复杂逻辑使用经验

WEUI picker复杂逻辑使用经验

 近期工作调接口的时候用到了WEUI的picker,因为picker绑定了一个input,当同一个input需要生成多个picker时候就出现了一些逻辑问题。一句话归纳(如果已经熟悉了WEUIpicker不想看下面案例可以看这句话):每次通过父元素动态删除并添加input并给input适配picker即可下面...

JQ-weui中的日期选择控件关于时间段的设置

JQ-weui中的日期选择控件关于时间段的设置

近日用到了日期控件,但是需要把时和分去掉,功能上是做一个预约的功能,所以只需要在年月日后面提供时间段的选择。BUG在于如果第一次点开弹框而没做任何操作,然后点了其他任意区域则弹框关闭,甚至你的8:00-10:00可能是没有选中的状态。这时候如果第二次再次点输入框显示弹框的时候,回显就会有Bug,直接显示成2018-01...

jquery weui ajax滚动加载更多

jquery weui ajax滚动加载更多

手机端使用jqueryweui制作ajax滚动加载更多。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,i...

WeUI移动页面实现时间选择器(年-月-日-时-分)

WeUI移动页面实现时间选择器(年-月-日-时-分)

在做微信公众号的时候,使用的WeUI样式,有一个需求是用户选择一个预约时间,需要年月日并精确到小时和分钟。但是WeUI的picker组件不支持直接显示5列,根据WeUI.js作者的建议,是将日期和时间选择作为两个选择器来实现。所以我的实现思路是先选择日期,然后自动跳出时间选择,来模仿一个时间选择器。日期属于datepi...

关于Jquery WEUI Popup的笔记

关于Jquery WEUI Popup的笔记

打开弹出层的按钮<ahref="javascript:;" class="open-popup"data-target="#bottomb"><p>打开弹出层</p></a>其中 class=...