获取今日,日期加、日期减

效果图:

选择日期大于今日时

.js代码

Page({/*** 页面的初始数据*/data: {choseDate: '', // 选择的时间week:'', //星期几oneDayMillions: 24*3600*1000,  //一天的毫秒数},/*** 生命周期函数--监听页面加载*/onLoad: function () {this.getTodayDate() //初始化获取今天日期},//获取今天日期-初始化日期getTodayDate(){var nowDate = new Date();var year = nowDate.getFullYear(), month = nowDate.getMonth() + 1, day = nowDate.getDate()this.setData({choseDate: `${year}-${month}-${day}`,})this.panDuanWeek() //判断星期几},
//选择时间选择框改变查询时间,查询
bindDateChange: function(e) {var changeDay = e.detail.valuethis.panduanData(changeDay) //判断日期
},//减时间
subtractDay: function () {var selectday = this.data.choseDate.replace(/-/g,"/");//替换字符,变成标准格式;var dateTime = new Date(selectday).getTime(); //转换为时间戳var subDay = new Date(dateTime - this.data.oneDayMillions); // 当前 天数-1var year = subDay.getFullYear(), month = subDay.getMonth() + 1, day = subDay.getDate();var changeDay = `${year}-${month}-${day}`;//判断日期this.panduanData(changeDay)
},
//加时间
addDay: function () {var selectday = this.data.choseDate.replace(/-/g,"/");//替换字符,变成标准格式;var dateTime = new Date(selectday).getTime(); //转换为时间戳var addday = new Date(dateTime + this.data.oneDayMillions); // 当前 天数+1var year = addday.getFullYear(), month = addday.getMonth() + 1, day = addday.getDate()var changeDay = `${year}-${month}-${day}`// console.log('addday选择天数加一',changeDay)//判断日期this.panduanData(changeDay)
},//判断日期panduanData(changeDay){//获取今日时间戳var nowDate = new Date();var year = nowDate.getFullYear(), month = nowDate.getMonth() + 1, day = nowDate.getDate();var nowDay =`${year}/${month}/${day}`;var today = new Date(Date.parse(nowDay)).getTime(); //选择的日期var selectday = changeDay.replace(/-/g,"/");var selectdDate = new Date(Date.parse(selectday)).getTime();//判断选择日期与今日的大小if(selectdDate > today){wx.showToast({title: '只能查看今日及以前的记录',icon: 'none',duration: 3000 //提示展示3秒关闭})return}else{this.setData({choseDate: changeDay //选择日期赋值})this.panDuanWeek() //判断星期几}},//判断星期几panDuanWeek(){//替换字符,变成标准格式※※※注意,日期格式一定要为xxxx/xx/xx,别的格式Android 和iOS有兼容问题。var date = this.data.choseDate.replace(/-/g,"/");var weekArray = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");var weekday = weekArray[new Date(date).getDay()];  //此处必须是先new一个Datethis.setData({week:weekday,})},})

.wxml

 <!-- 日期 --><view class="art_SignMain pad20r"><view bindtap="subtractDay" class="btn_width"><image class="jianTou-img"  src='{{uploadUrl}}/icon/return_black_left_icon.png'></image></view><picker mode="date" value="{{date}}" start="2010-01-01" end="2030-01-01" bindchange="bindDateChange"><view class="picker-Data"><text class="mgr-10"> {{choseDate}}</text><text>{{week}}</text></view>   </picker><view bindtap="addDay" wx:if="{{showNextBtn}}" class="btn_width"><image class="jianTou-img" src='{{uploadUrl}}/icon/return_black_right_icon.png'></image></view> <view  wx:else class="btn_width"><image class="jianTou-img" src='{{uploadUrl}}/icon/return_black_right_y_icon.png'></image></view> </view>

加减日期的另外一种方法(麻烦不实用版本)

//加时间
addDay: function () {var count = this.data.choseDate;var year = parseInt(count.split("-")[0]);var month = parseInt(count.split("-")[1]);var day = parseInt(count.split("-")[2]);// 日期加day += 1;//判断对应的月份,确定该月有多少天
if(month == 4 || month == 6 || month == 9 || month == 11 ){if (day > 30) {month += 1;day = 1;}this.getDateTime(day,month,year)
} else if(month == 2){// 判断闰年if ( (year%4==0&&year%100!=0) ||  year%400==0  ){if (day > 29) {month += 1;day = 1;}  }else{if (day > 28) {month += 1;day = 1;}}this.getDateTime(day,month,year)}else {if (day > 31) {month += 1;day = 1;if (month > 12) {year += 1;month = 1}}this.getDateTime(day,month,year)
}
},
//减日期
subtractDay: function () {var count = this.data.choseDate;var year = parseInt(count.split("-")[0]);var month = parseInt(count.split("-")[1]);var day = parseInt(count.split("-")[2]);day -= 1;this.setData({rightSign: true,})// //判断对应的月份,确定该月有多少天if (day < 1) {month -= 1;   //判断对应的月份,确定该月有多少天if(month == 4 || month == 6 || month == 9 || month == 11 ){day = 30;this.getDateTime(day,month,year)}else if(month == 2){// 判断闰年if ( (year%4==0&&year%100!=0) ||  year%400==0  ){day = 29;}else{day = 28;}this.getDateTime(day,month,year)}else{ day = 31;if (month < 1) {year -= 1;month = 12}this.getDateTime(day,month,year)}}else {this.getDateTime(day,month,year)
}
},
// 拼接时间
getDateTime(day,month,year){if (day < 10) {if (month < 10) {var changeDay = year + '-0' + month + '-0' + day}if (month >= 10) {var changeDay = year + '-' + month + '-0' + day}}if (day >= 10) {if (month < 10) {var changeDay = year + '-0' + month + '-' + day}if (month >= 10) {var changeDay =  year + '-' + month + '-' + day}}//判断日期this.panduanData(changeDay)
},

判断所选日期是否是今日

 //判断今日panduanToday(){var nowDate = new Date();var year = nowDate.getFullYear(), month = nowDate.getMonth() + 1, day = nowDate.getDate();var nowDay =`${year}/${month}/${day}`;var selectday = this.data.choseDate.replace(/-/g,"/");//替换字符,变成标准格式var time = new Date(selectday).getTime(); //选择时间的时间戳var todayTime = new Date(nowDay).getTime(); // 当天凌晨的时间var tomorrow = new Date(todayTime + 24 * 60 * 60 * 1000).getTime(); // 明天凌晨的时间if(time < tomorrow && todayTime <= time){//time < tomorrow && todayTime <= time 为trueconsole.log('是今日',)}else{// console.log('非今日')}},

判断所选日期是否是昨日

 // 判断昨日panduanYesterday(){var nowDate = new Date();var year = nowDate.getFullYear(), month = nowDate.getMonth() + 1, day = nowDate.getDate();var nowDay =`${year}/${month}/${day}`;var todayTime = new Date(nowDay).getTime(); // 当天凌晨的时间var choseDateFormate = this.data.choseDate.replace(/-/g,"/");//替换字符,变成标准格式var time = new Date(choseDateFormate).getTime(); //选择的时间var yesterdayTime = new Date(todayTime - 24 * 60 * 60 * 1000).getTime(); // 昨天凌晨的时间//  console.log('判断是否为昨日',time < todayTime && yesterdayTime <= time)if(time < todayTime && yesterdayTime <= time){// time < todayTime && yesterdayTime <= time 为trueconsole.log('是昨日')}else{//非昨日}},

小程序 : js获取今日日期、加日期、减日期; 判断今日 、判断昨日相关推荐

  1. js获取当日前30天全部日期

    js获取当日前30天全部日期 gettime(){var myDate = new Date(); myDate.setDate(myDate.getDate() - 29);var dateTemp ...

  2. 微信小程序之获取用户地址

    在微信小程序中获取定位信息 今天一整天基本上都在处理在微信小程序中获取准确地址,给出定位并给出所在城市的问题.经过走了半天弯路,现在总结一下所需要的步骤. 一. 先到腾讯位置服务中心获取KEY 通过小 ...

  3. 微信小程序制作——获取用户信息

    微信小程序制作--获取用户信息 1.获取用户信息 方式一 wxml <view bindtap="getUserName">获取当前用户名</view> j ...

  4. php取微信名字和头像,微信小程序如何获取用户头像和昵称

    本文介绍了微信小程序如何获取用户头像和昵称,分享给大家,具体如下: 代码user.wxml: {{userInfo.nickName}} user.js //sort.js //獲取應用實例 var ...

  5. 微信小程序最新获取头像以及昵称方法

    微信小程序最新获取头像信息 之前是使用open-dada获取微信头像和昵称,但是后面由于官网更新,此方法被收回了,所以不能使用此方法了. 之前方法代码: <open-data type=&quo ...

  6. 小程序页面onload(),onready()加载顺序

    小程序 onLoad(Object query) 页面加载时触发.一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数. onShow() 页面显示/切入前台时触发. on ...

  7. 微信小程序后台获取签名,裁剪并上传图片至阿里云oss

    微信小程序后台获取签名,裁剪并上传图片至阿里云oss 首先,设置微信开发者工具,选择校验合法域名,防止本地可应使用,线上报错问题: 其次,在微信公众平台–小程序开发,设置合法域名 Oss设置–> ...

  8. 学习使用微信小程序动态获取当前时间并实时跳动

    学习使用微信小程序动态获取当前时间并实时跳动 1.修改util.js 2..js函数构造 3.wxml页面显示固定时间 1.修改util.js const formatTime = date => ...

  9. 微信小程序-如何获取用户表单控件中的值

    虽互不曾谋面,但希望能和您成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 标星公众号(ID:itclanCoder) 如果不知道如 ...

最新文章

  1. mysql备份恢复实验
  2. GetLogicalDrives GetDriveType GetVolumeInformation和FindVolumeClose
  3. Serverless 与容器决战在即?有了弹性伸缩就不一样了
  4. .Net Core使用Ocelot网关(二) -鉴权认证
  5. 为移动端网页构造快速响应按钮
  6. 语音识别学习日志 2019-7-14 语音识别基础知识准备3 {Kmean算法分析与HMM(Hidden Markov Model)模型}
  7. sqlserver java odbc_Java JDBC------------------ODBC(SQLServer)链接
  8. asp.net core webapi Session 内存缓存
  9. Mac:Split文件分割命令
  10. MariaDB安装、卸载以及相关设置(Linux服务器Mysql部署)
  11. 通过 Powershell 来替换 ARM 模式下虚拟机的网络接口
  12. [shell][原创]shell脚本遍历文件夹下所有文件
  13. Lua程序设计任务系统和NPC
  14. 关于支付宝支付 appid绑定问题
  15. GitHub哔哩哔哩(bilibili)高清视频下载
  16. 理财笔记 - 听说的老A的不断买入自家公司股票实现财务自由
  17. Redis 发布订阅功能
  18. 计算机多媒体最新参考文献,多媒体技术计算机论文,关于基于多媒体技术计算机教学因相关参考文献资料-免费论文范文...
  19. 2023年全国最新会计专业技术资格精选真题及答案34
  20. aspcms部分html调用后台代码标签

热门文章

  1. 微信小程序全局变量的定义、使用、修改
  2. 百度地图线路颜色_旅游厕所电子地图:让“方便”更方便
  3. 云服务厂商人才空心化隐忧
  4. 「seo目录」白帽SEO是什么一天工作内容
  5. pn532检测不到nfc设备_华为、小米又增回NFC功能,苹果却一直无NFC功能,NFC能否成为关键?...
  6. 《Gradient-based learning applied to document recognition》翻译
  7. AW297 赤壁之战(数据结构优化DP)
  8. hbase 使用lzo_hadoop hbase lzo 安装
  9. CodeForces 858C Did you mean... 、 CodeForces 858D Polycarp's phone book!黑科技
  10. 山东计算机二级考试时间,21年9月二级考试报考时间!31省公告已出!