index.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. const month = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'],
  2. day = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31'],
  3. getTime = require("../../utils/getTime");
  4. Component({
  5. properties: {
  6. startDate: {
  7. type: String,
  8. value: "2022-02-08"
  9. },
  10. endDate: {
  11. type: String,
  12. value: getTime.formatTime(new Date(), '-').split(' ')[0]
  13. },
  14. getDate: {
  15. type: Function
  16. }
  17. },
  18. data: {
  19. value: [9, 3, 3]
  20. },
  21. lifetimes: {
  22. ready() {
  23. let end = this.data.endDate.split('-')[0];
  24. let years = [];
  25. //从开始到结束 渲染年数
  26. for (let start = this.data.startDate.split('-')[0] - 0; start <= end; start++) {
  27. years.push(start)
  28. };
  29. this.setData({
  30. years
  31. });
  32. //开始处理
  33. this.handleChange(this.data.startDate)
  34. },
  35. attached: function () {
  36. getApp().globalData.Language.getLanguagePackage(this)
  37. }
  38. },
  39. methods: {
  40. /* 处理日期改变 */
  41. handleChange(date) {
  42. let arr = date.split('-'),
  43. start = this.data.startDate.split('-'),
  44. end = this.data.endDate.split('-');
  45. let m = arr[1] - 0;
  46. //选择年==开始年 删除未开始的月
  47. this.setData({
  48. months: (arr[0] == start[0]) ? month.slice(start[1] - 1) : month
  49. })
  50. if (arr[0] == start[0]) {
  51. //选择年==开始年&&开始年月==选择年月 删除未开始日
  52. this.handleDays(arr[0], m, (m == start[1] - 0) ? start[2] - 0 : 0);
  53. } else if (arr[0] == end[0]) {
  54. //选择年==结束年 删除多余月
  55. let ms = JSON.parse(JSON.stringify(month))
  56. this.setData({
  57. months: ms.slice(0, end[1] - 0)
  58. })
  59. this.handleDays(arr[0], m, 0);
  60. } else {
  61. //其他年份处理日
  62. this.handleDays(arr[0], m, 0);
  63. }
  64. },
  65. /* 处理日 */
  66. handleDays(y, m, d) {
  67. let arr1 = [1, 3, 5, 7, 8, 10, 12],
  68. days = JSON.parse(JSON.stringify(day)),
  69. end = this.data.endDate.split('-');
  70. if (m == 2) {
  71. //二月份的话判断是否为闰年
  72. days = (y % 4 == 0) ? days.slice(0, 29) : days.slice(0, 28)
  73. } else {
  74. //其他月份判断有无31日
  75. (arr1.includes(m)) ? '' : days.pop();
  76. };
  77. if (y == end[0] && m == end[1]) {
  78. days = days.slice(0, end[2] - 0)
  79. }
  80. //如果是开始年传递过来 会裁剪掉多余的日
  81. this.setData({
  82. days: (d == 0) ? days : days.slice(d - 1)
  83. });
  84. },
  85. pickerChange({
  86. detail
  87. }) {
  88. let arr = detail.value;
  89. this.handleChange(`${this.data.years[arr[0]]}-${this.data.months[arr[1]]}-${this.data.days[arr[2]]}`)
  90. this.triggerEvent("getDate", `${this.data.years[arr[0]]}-${this.data.months[arr[1]]}-${this.data.days[arr[2]]}`);
  91. },
  92. }
  93. })