欢迎光临,了解微信小程序开发,就上易用通!

微信小程序的日期选择器

发布:2018-02-02 09:58浏览: 来源:网络 作者:cola

关于微信小程序中的日期选择器大家用过都会发现有个很大的问题, 就是在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.  





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。