微信小程序实现时间段选择包括一星期一月选择

自己刚学习小程序时间段选择我也不太懂,最近刚解决分享出来!不喜勿喷.

1. 首先性进行时间格式化

 formatTime(date) {var year = date.getFullYear();var month = date.getMonth() + 1,month = month < 10 ? '0' + month : month;var day = date.getDate(),day = day < 10 ? '0' + day : day;return year + '-' + month + '-' + day;},

2.创建时间戳选择时间长度

 var that=this;let Arr = this.data.day.split("-");// 需要先转换为Wed Jul 05 2017 13:50:11 GMT+0800 (中国标准时间)这种型式let now = new Date(Number(Arr['0']), (Number(Arr['1']) - 1), Number(Arr['2']))now.setDate(now.getDate() + 1)now = this.formatTime(now)console.log(now)this.setData({time: now,time1: now,day: now})},

注明:setdata里面的字段自己定义赋值.根据你想要多少时间段内的数据改变+的数字的多少

2.获取当前时间的方法小程序本身提供了在utils下面的utils.js里面我们只需要将文件引用在我们要添加时间的js文件里面,引用方法,在要是用的js文件头加这段代码即可.

let Charts = require('../../utils/wxcharts.js');

当前时间使用在onload时加下方代码即可获得当前时间

  var time2 = util.formatTime(new Date());

3.时间段获得以7天为例

 var that=this;let Arr = this.data.day.split("-");// 需要先转换为Wed Jul 05 2017 13:50:11 GMT+0800 (中国标准时间)这种型式let now = new Date(Number(Arr['0']), (Number(Arr['1']) - 1), Number(Arr['2']))var now1 = util.formatTime(new Date());now.setDate(now.getDate() -7)now = that.formatTime(now)console.log(now+'-'+now1)

走在30岁路上的程序猿,谨此先给一起努力的朋友!

微信小程序实现时间段选择包括一星期一月选择相关推荐

微信小程序订阅消息点了 “总保持以上选择、全部拒绝，不在询问” 无法再次弹出
在做小程序消息订阅测试的时候,不小心点了总保持以上选择或全部拒绝,不在询问,然后发现无法再次唤起,也没有地方能够进行恢复,胶囊里面的设置中的消息订阅开关也无法使其再次唤出. 解决方案: 清理一下 ...
微信小程序计算两点及多点间的距离+选择地图定位
本文基于腾讯地图开发文档实现此功能 1.首先去腾讯地图开发平台注册,申请自己的应用空间,严格按照以下步骤走完 2.把下载的两个sdk包,放在小程序utils 3.接下来就可以正常使用了 +++++++ ...
微信小程序 - 日期时间段选择 - picker之日期选择器
效果图如下: wxml: <view class="page">  <view class="picker_grou ...
微信小程序调用腾讯地图，点击选择并返回选择位置数据！
选择前选择位置选择后上代码:WXML <view class="cu-form-group border-bottom"><view class=" ...
微信小程序商品详情页交互源码（选择商品类型切换、预览商品图片）
maker一下自己捣鼓的商品详情页,主要是选择商品类型的交互和样式,点击不同类型切换图片和文字,商品增加减少,还有商品预览图片(本地图片无法预览!!!).. 源码下载:http://download. ...
微信小程序对苹果（ipone）手机不能选择复制的问题解决方法
** 1.可复制的内容必须用text 标签, 2.在标签中添加selectable='true'和user-select='true' <view ><view>文本</ ...
微信小程序的开发之日期、星期选择功能
在公共js内(如utils.js) // 获取d当前时间多少天后的日期和对应星期 function getDates(days) {var todate = getCurrentMonthFirst( ...
微信小程序开发一定要服务器么，该怎么选择小程序服务器？
因为微信用户群体广,微信小程序自从上线以来就受到用户的青睐,很多商家看准商机开始部署自己的微信小程序平台,且占据了很大的市场份额,尤其是微信小游戏和微信购物类商城很少火爆.但是很多人们对微信小程序开发 ...
笔记一：认识微信小程序
第一节:微信小程序介绍 1.什么是微信小程序? 小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或者搜一下即可打开应用.也体现了"用完 ...

微信小程序实现时间段选择包括一星期一月选择

自己刚学习小程序时间段选择我也不太懂,最近刚解决分享出来!不喜勿喷.

1. 首先性进行时间格式化

2.创建时间戳选择时间长度

2.获取当前时间的方法小程序本身提供了在utils下面的utils.js里面我们只需要将文件引用在我们要添加时间的js文件里面,引用方法,在要是用的js文件头加这段代码即可.

3.时间段获得以7天为例

微信小程序实现时间段选择包括一星期一月选择相关推荐

最新文章

热门文章