找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

微信小程序的日期选择器

作者:模板之家 2018-2-2 09:57 9095人关注

关于微信小程序中的日期选择器大家用过都会发现有个很大的问题,就是在2月的时候会有31天,没有进行对闰年的判断等各种情况。看了官方文档提供的源码后进行了一些修改,测试修

关于微信小程序中的日期选择器大家用过都会发现有个很大的问题, 就是在2月的时候会有31天,没有进行对闰年的判断等各种情况。看了 官方文档提供的源码后进行了一些修改,测试修复了上面所说的bug! 
下面源码:

js

 

				
  1. const date =
  2. new Date();//获取系统日期
  3.  
  4. const years = []
  5.  
  6. const months = []
  7.  
  8. const days = []
  9.  
  10. const bigMonth = [1,3,5,7,8,10,12]
  11.  
  12.  
  13.  
  14. //将日期分开写入对应数组
  15.  
  16.  
  17.  
  18. //年
  19.  
  20. for (let i =
  21. 1990; i <= date.getFullYear(); i++) {
  22.  
  23. years.push(i);
  24.  
  25. }
  26.  
  27.  
  28.  
  29. //月
  30.  
  31. for (let i =
  32. 1; i <= 12; i++) {
  33.  
  34. months.push(i);
  35.  
  36. }
  37.  
  38.  
  39.  
  40. //日
  41.  
  42. for (let i =
  43. 1; i <= 31; i++) {
  44.  
  45. days.push(i);
  46.  
  47. }
  48.  
  49.  
  50.  
  51.  
  52.  
  53. Page({
  54.  
  55.  
  56.  
  57. /**
  58.  
  59. * 页面的初始数据
  60.  
  61. */
  62.  
  63. data: {
  64.  
  65. years: years,
  66.  
  67. year: date.getFullYear(),
  68.  
  69. months: months,
  70.  
  71. month: 2,
  72.  
  73. days: days,
  74.  
  75. day: 2,
  76.  
  77. value: [9999,
  78. 1, 1],
  79.  
  80. },
  81.  
  82. showToask: function() {
  83.  
  84. wx.showToast({
  85.  
  86. title: '成功',
  87.  
  88. icon: 'success',
  89.  
  90. duration: 2000
  91.  
  92. })
  93.  
  94. },
  95.  


路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)