微信小程序 - 日期时间段选择 - picker之日期选择器

效果图如下：

wxml:

<view class="page">  <!-- 时间段 -->  <view class="picker_group">  <picker mode="date" value="{{date}}"  end="{{date2}}" bindchange="bindDateChange">  <view class="picker">  {{date}}  </view>  </picker>  至  <picker mode="date" value="{{date2}}" start="{{date}}" end="2050-01-01" bindchange="bindDateChange2">  <view class="picker">  {{date2}}  </view>  </picker>        </view>  </view>

js:

const util = require('../../utils/util.js')Page({data: {date: '2018-01-01',//默认起始时间  date2: '2018-01-24',//默认结束时间 },// 时间段选择  bindDateChange(e) {let that = this;console.log(e.detail.value)that.setData({date: e.detail.value,})},bindDateChange2(e) {let that = this;that.setData({date2: e.detail.value,})},

wxss:

/* 日期选择 */
.picker_group {height: 85rpx;line-height: 85rpx;justify-content: center;display: flex;align-items: center;font-size: 30rpx;color: #888;border-bottom: 1rpx solid #efefef;}.picker_group picker {/* background-color: yellow; */color: #64bff1;height: 55rpx;line-height: 55rpx;margin: 0 2%;padding: 0 2%;border: 1rpx solid #64bff1;border-radius: 30rpx;
}

微信小程序 - 日期时间段选择 - picker之日期选择器相关推荐

微信小程序实现时间段选择包括一星期一月选择
自己刚学习小程序时间段选择我也不太懂,最近刚解决分享出来!不喜勿喷. 1. 首先性进行时间格式化 formatTime(date) {var year = date.getFullYear();var ...
微信小程序拍照视频上传php,微信小程序-拍照或选择图片并上传文件
微信小程序-拍照或选择图片并上传文件调用拍照API:https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html?t=201612 ...
解决微信小程序IOS中使用picker弹出内容和手机软键盘重叠的问题
解决微信小程序IOS中使用picker弹出内容和手机软键盘重叠的问题项目需求: 一个信息提交页面:有input输入框,有picker选择器遇到的问题: 点击input输入框时,手机自动弹出键盘,但 ...
微信小程序实现城市选择效果(超详细)
直接进入正题首先在项目中同级创建一个components文件夹,在文件夹下创建region-picker文件夹,在该文件夹点击右键新建Component就会创建名为 region-picker.js ...
导入微信小程序显示未选择环境或未指定环境，解决办法
导入微信小程序显示未选择环境或未指定环境如下图所示: 解决办法:重新导入,选择云开发(需删掉以前的导入记录) 1.点击云开发申请通过 2.右键cloudfuncrions, 3.点击同步云函数列表 ...
微信小程序预览服务器图片,微信小程序实现图片选择并预览功能
本文实例为大家分享了微信小程序实现图片选择并预览的具体代码,供大家参考,具体内容如下 (一).功能说明做的是一个意见反馈,用户发表意见和上传图片,限制了最多只能上传三张图片. 其他要点:textar ...
微信小程序点击选择拨打多个电话
微信小程序点击选择拨打多个电话效果预览 wxml 内 <view class='product-contact' wx:if="{{contact!=''}}" data- ...
微信小程序自定义组件之Picker组件
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 需求: 通过JS条件判断,满足条件就弹出Picker给用户选择一个数组里面的数据. 有些朋友可能会有疑问: 1 ...
【微信小程序】微信小程序获取当日以后的时间日期天数、星期
在微信小程序或者web项目中经常用到需要获取当前时间往后多少天并显示日期含星期几的需求,现在优化为只调用一个js函数,只需调用getDates(days)函数,传入需要显示多少天日期,即返回一个携带日 ...

微信小程序 - 日期时间段选择 - picker之日期选择器

微信小程序 - 日期时间段选择 - picker之日期选择器相关推荐

最新文章

热门文章