微信小程序的(de)日期選擇器 - 新聞資訊 - 雲南小程序開發|雲南軟件開發|雲南網站建設-昆明融晨信息技術有限公司

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不(bù)管是(shì)網站,軟件還是(shì)小程序,都要(yào / yāo)直接或間接能爲(wéi / wèi)您産生價值,我們在(zài)追求其視覺表現的(de)同時(shí),更側重于(yú)功能的(de)便捷,營銷的(de)便利,運營的(de)高效,讓網站成爲(wéi / wèi)營銷工具,讓軟件能切實提升企業内部管理水平和(hé / huò)效率。優秀的(de)程序爲(wéi / wèi)後期升級提供便捷的(de)支持!

您當前位置>首頁 » 新聞資訊 » 小程序相關 >

微信小程序的(de)日期選擇器

發表時(shí)間:2021-4-12

發布人(rén):融晨科技

浏覽次數:63

關于(yú)微信小程序中的(de)日期選擇器大(dà)家用過都會發現有個(gè)很大(dà)的(de)問題, 就(jiù)是(shì)在(zài)2月的(de)時(shí)候會有31天,沒有進行對閏年的(de)判斷等各種情況。看了(le/liǎo) 官方文檔提供的(de)源碼後進行了(le/liǎo)一些修改,測試修複了(le/liǎo)上(shàng)面所說(shuō)的(de)bug! 
下面源碼:

js

  1. const date =
  2. new Date();//獲取系統日期
  3. const years = []
  4. const months = []
  5. const days = []
  6. const bigMonth = [1,3,5,7,8,10,12]
  7. //将日期分開寫入對應數組
  8. //年
  9. for (let i =
  10. 1990; i <= date.getFullYear(); i++) {
  11. years.push(i);
  12. }
  13. //月
  14. for (let i =
  15. 1; i <= 12; i++) {
  16. months.push(i);
  17. }
  18. //日
  19. for (let i =
  20. 1; i <= 31; i++) {
  21. days.push(i);
  22. }
  23. Page({
  24. /**
  25. * 頁面的(de)初始數據
  26. */
  27. data: {
  28. years: years,
  29. year: date.getFullYear(),
  30. months: months,
  31. month: 2,
  32. days: days,
  33. day: 2,
  34. value: [9999,
  35. 1, 1],
  36. },
  37. showToask: function() {
  38. wx.showToast({
  39. title: '成功',
  40. icon: 'success',
  41. duration: 2000
  42. })
  43. },

相關案例查看更多