wxml: <view class="section" > <picker bindchange="bindPickerChange" value="{{index}}" range="{{objectArray}}" mode = "selector"> <view class="picker"> 国家:{{objectArray[index]}}

/* JS代码部分 */ const date = new Date() const years = [] const months = [] const days = [] const hours = [] const minutes = [] var thisMon = date.getMonth(); var thisDay = date.getDate(); for (let i = 2017; i <= date.getFullYear() + 1; i++) { years.push

声明 bug:由于此篇博客是在bindcolumnchange事件中做的值的改变处理,因此会出现当你选择时,没有点击确定,直接取消返回后,会发现选择框的值依然改变.造成原因:这一点就是由于在bindcolumnchange事件做的值改变处理造成.处理方法:如果需要确定后再改变值,请将bindcolumnchange事件中的处理操作放到bindchange事件中. 效果图 实现原理 利用微信小程序的picker组件的多列选择器实现! WXML <view class="tui-picker-

实现微信小程序滑动选择效果 在wxml文件中,用一个picker标签代表选择器,bindchange是用户点击确定后触发的函数,index是picker自带的参数,用户点击确定后,bindchange绑定的函数用.detail.value就可以访问到.第一个选择的index值为0,依次递增.range要在page的data中先定义一个数组给它赋值,然后数组的值就会变为选择器中的选项 <picker bindchange="bindPickerChange" value="

一.什么是选择器 选择器就是选择标签所用样式的模式,即:以什么方式设置样式. 二.微信小程序的样式选择器 .calss就是选择器的一种 三.选择器的优先级 element表示样式元素:.element表示class:#element表示id,style表示内联:!import提升权重 例如:

为了保护小程序应用安全,微信官方的需求文档要求,每个微信小程序必须事先设置一个通讯域名,并通过HTTPS请求进行网络通信,不满足条件的域名和协议无法请求.因此开发者应先准备好配置好HTTPS证书的域名,还没有配置HTTPS要赶紧升级. SSL证书的选择 域名要实现HTTPS加密请求,需要安装SSL证书.SSL证书的种类那么多,怎么选择适合自己网站的SSL证书? 1)SSL证书类型 DV SSL证书(域名验证型):只验证域名所有权,适合个人网站.博客等站点使用: IV SSL证书(个人验证型):验

picker 从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器. 先来看看效果图: 1:普通选择器 mode = selector(默认的) <view class='picker'>普通选择器</view> <!-- value: value值表示选择了让的第几个,index===下标 从0开始 rang:对应数据 bindchang:value改变时触发的事件 -->

前言,小程序本身是带有地区选着器的(网站:https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker.html),由于自己开发的程序的数据是很久以前mysql数据,与小程序自带的地区名称并不一样,所以只能自己写了. (详细思路写在了最底部) 第一步:把mysql地区数据变成小程序数组格式 1.用php代码,导出数据mysql的地区数据 public function area(){ $sql = "SELECT * FROM c_regi

最近做,微信点餐小程序,遇到添加商品时出现抛物动画,参考借鉴了这位大神的方法 https://www.cnblogs.com/greengage/p/7815842.html 但出现了一个问题,连续点击加入购物车时,抛物动画报错.如图: 我的解决方法是: //购物车抛物动画 (时间间隔)(解决点击过于频繁时,抛物动画报错问题) var nowTime = new Date().getTime(); var clickTime = e.currentTarget.dataset["ctime&qu

<picker mode="multiSelector" value="{{dateTime1}}" bindchange="changeDateTime1" bindcolumnchange="changeDateTimeColumn1" range="{{dateTimeArray1}}"> <view class="text"> {{dateTimeArra

2019-01-03 : 修复了日期day-1,新增了年月日(除去时分秒),删除了不必要的touchmove 新增: column: ""(年月日) 配置: pickerConfig: { endDate: true, // 是否需要结束时间,为true时显示开始时间和结束时间两个picker column: "", //可选的最小时间范围hour.min.sec."" dateLimit: true, //是否现在时间可选范围,false时可选

wxml代码: <view class="section__title"> 地区选择器 </view> <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}"> <view class="picker"> 当前选择:{{array[index]}} </view&

首先定义事件: bindtap='getLocation' <view class='store-bot' bindtap='getLocation'> <view class='coll-img botimg'> <image src='/images/dizhi.png'></image> </view> <text>地址:广西贵港市港北区仙衣路212号</text> </view> 然后:在js里写方法

wx.chooseImage(OBJECT) 从本地相册选择图片或使用相机拍照. OBJECT参数说明: 示例代码: wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) { // 返回选定照片的本地文

只需要用bindtap绑定一个点击后的操作(隐藏键盘): wx.hideKeyboard()

直接上干货: 在utils目录下新建一个dateUtil.js,代码如下:(在需要用的地方引入这个js,调用相关方法传入对应参数就可以使用了) 该工具脚本,实用性很高,通用于各类前端项目,熟悉后亦可以自由扩展,使用中发现问题还请道友留言提示下,本人会同步更新: //日期转时间戳 function getUnixTime(dateStr){ var newstr = dateStr.replace(/-/g,'/'); var date = new Date(newstr); var time_s

let date = '2019-10-14'; var repTime = date.replace(/-/g, '/'); var timeTamp = Date.parse(repTime) / 1000;   ios不支持'-',所以要先转为'/'格式的日期

wxml: <view>时间:{{newTime}}</view> js: page({ data:{ newTime:'' }, onLoad: function (options) { var that = this; //获取实时时间 setInterval(function () { var nowTime = new Date(); var hour = nowTime.getHours(); var minutes = nowTime.getMinutes(); if

前言:loading和wx.showToast的区别: wx.showToast加载的时间长度是需要手动设置的,默认1500ms,而loading标签则可以配合数据加载进行隐藏. 核心就是在数据量较大或者网络情况较差,请使用loading,其他情况使用wx.showToast. WXML: JS: 初始化显示loading标签,等到数据从后台获取完毕,再进行隐藏即可. 效果:

function shijiantime(times){ var timearr = times.replace(" ", ":").replace(/\:/g, "-").split("-"); var timestr = ""+timearr[0]+"/" + timearr[1] + "/" + timearr[2] //var timestr = "

由于微信小程序的选择器为省市区选择器共3列 如我仅需要省市2列的选择器 就需要我们另寻他法找来找去没有合适的 只能自己写了 1. 首先我们把所需要的省数据 市县数据放在一个 p_c.js 文件里面,使用的时候可以通过util 来引用 //p_c.js module.exports = { "province": [ { "title": "上海市", "weight": 1, "evaluation_value&qu