picker-view.js 996 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. const date = new Date()
  2. const years = []
  3. const months = []
  4. const days = []
  5. for (let i = 1990; i <= date.getFullYear(); i++) {
  6. years.push(i)
  7. }
  8. for (let i = 1; i <= 12; i++) {
  9. months.push(i)
  10. }
  11. for (let i = 1; i <= 31; i++) {
  12. days.push(i)
  13. }
  14. Page({
  15. onShareAppMessage() {
  16. return {
  17. title: 'picker-view',
  18. path: 'packageComponent/pages/form/picker-view/picker-view'
  19. }
  20. },
  21. data: {
  22. theme: 'light',
  23. years,
  24. year: date.getFullYear(),
  25. months,
  26. month: 2,
  27. days,
  28. day: 2,
  29. value: [9999, 1, 1],
  30. isDaytime: true,
  31. },
  32. bindChange(e) {
  33. const val = e.detail.value
  34. this.setData({
  35. year: this.data.years[val[0]],
  36. month: this.data.months[val[1]],
  37. day: this.data.days[val[2]],
  38. isDaytime: !val[3]
  39. })
  40. },
  41. onLoad() {
  42. this.setData({
  43. theme: wx.getSystemInfoSync().theme || 'light'
  44. })
  45. if (wx.onThemeChange) {
  46. wx.onThemeChange(({theme}) => {
  47. this.setData({theme})
  48. })
  49. }
  50. }
  51. })