微信小程序开始时间，结束时间

wxml代码：

<view class="section" style="background:#dfe0e2;margin:20rpx;padding:20rpx"><picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}"><view class="picker">分类：{{array[index]}}</view></picker>
</view><view class="section" style="background:#dfe0e2;margin:20rpx;padding:20rpx"><picker mode="date" value="{{date1}}"  bindchange="bindDateStartChange"><view class="picker">开始日期: {{date1}}</view></picker>
</view><view class="section" style="background:#dfe0e2;margin:20rpx;padding:20rpx"><picker mode="date" value="{{date2}}"  bindchange="bindDateEndChange"><view class="picker">结束日期: {{date2}}</view></picker>
</view><button type="primary" size="{{primarySize}}" loading="{{loading}}" plain="{{plain}}"disabled="{{disabled}}" bindtap="query"> 查询 </button>

js代码：


Page({data: {date1: '',date2: '',array: ['选择分类的参数一', '选择分类的参数二'],index: 0,},onLoad: function () {var that = this;var dateNow = new Date();var year = dateNow.getFullYear();var month = dateNow.getMonth() + 1;var day = dateNow.getDate()var date = year + "-" + month + "-" + daythat.setData({date1: date,date2: date});},//  点击开始日期组件确定事件bindDateStartChange: function (e) {var that = this;that.setData({date1: e.detail.value})},//  点击结束日期组件确定事件bindDateEndChange: function (e) {var that = this;that.setData({date2: e.detail.value})},//  点击分类组件确定事件bindPickerChange: function (e) {var that = this;that.setData({index: e.detail.value})},//点击查询时组件的事件query: function (e) {var that = this;var array = that.data.array;var index = that.data.index;var startDate = that.data.date1;var endDate = that.data.date2;console.log("分类："+array[index])console.log("开始时间：" + startDate)console.log("结束时间" + endDate)},
})

微信小程序开始时间，结束时间相关推荐

微信小程序时间加法_微信小程序获取系统时间、时间戳、时间时间戳加减
微信小程序获取系统时间.时间戳.时间时间戳加减,微信小程序获取明天时间 //获取当前时间戳 var timestamp = Date.parse(new Date()); timestamp = ti ...
微信小程序账号长时间未登录冻结解封
微信小程序账号长时间未登录冻结解封 1.账号找回链接[官方]:http://mp.weixin.qq.com/acct/findacct?action=scan 2.按照官方指引的三个操作步骤进操作, ...
微信小程序渲染实时时间
微信小程序渲染实时时间 1.看看在框架目录中是否有util文件夹,它用来存放工具栏的JavaScript函数 2.在要获取时间的.js文件中加载util.js文件 3.在onload方法中,调用uti ...
关于微信小程序iOS端时间格式兼容问题
关于微信小程序iOS端时间格式兼容问题在自己开发中,当时间格式为 2020-06-29 08:00 ,需要将时间转为其他格式时,Android端转换成功,iOS端报错或是转为NaN. 解决方法: 1 ...
创建微信小程序日期和时间的组件
效果如下微信小程序 1.首先创建一个components,接着创建一个文件picker 2.在picker.wxml文件里写入: <picker mode="multiSelecto ...
微信小程序之日期时间筛选器实现（支持年月日时分）
开发微信小程序过程中,有个需求需要用到日期时间筛选器,查看微信官方文档后,发现官方文档的picker筛选器只能单独支持日期或者是时间,所以为了实现需求自己参考企业微信封装了个日期时间筛选器组件. 写在 ...
微信小程序 - 获取当前日期时间（函数封装）
效果图前言摘自微信小程序 demo 程序中 utils.js 方法. 普通 new Date() 出来的日期时间,并不是我们想要的格式,所以要进行格式整理. 解决方案打开 utils.js 文件 ...
微信小程序如何获取时间
微信小程序虽然还在内测,但是已经火的不行.赶紧看看.记录学习路上的点点滴滴. 获取时间直接用 Date.now() 得到一串数字.如下图: 获取格式化的时间用 util.formatTime(new ...
微信小程序 Canvas 自定义时间显示器数码管显示
微信小程序自定义时间显示器Demo 废话不多话,还是依旧上图再说,哈哈怎么样,效果还是不错的吧,因项目要求,要画出类似于数码管显示的时间样式,没办法,虽然不咋过好弄,但工作毕竟得做,于是乎,楼主,花 ...
微信小程序动态获取时间
在微信小程序中如何实现动态的获取时间呢?在这里我将直接提供代码,直接复制进去后就可以直击使用了. JS部分 var util = require('../../../utils/utils.js'); ...

微信小程序开始时间，结束时间

微信小程序开始时间，结束时间相关推荐

最新文章

热门文章