index.js 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. // pages/test/index.js
  2. const app = getApp()
  3. import dateTimePicker from '../../utils/dateTimePicker';
  4. const moment = require("../../utils/moment.min");
  5. Page({
  6. /**
  7. * 页面的初始数据
  8. */
  9. data: {
  10. frameStyle: { useTop: true, name: '测试页面', leftArrow: true, useBar: true },
  11. // 主体高度
  12. infoHeight: '',
  13. // 图片
  14. img_url: [],
  15. // dialog弹框
  16. dialog: { title: '弹框标题', show: false, type: '1' },
  17. // 日期时间选择
  18. dateTimeArray: [
  19. ['2001', '2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010'],
  20. ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'],
  21. ['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'],
  22. ['00', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23'],
  23. ['00', '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', '32', '33', '34', '35', '36', '37', '38', '39', '40', '41', '42', '43', '44', '45', '46', '47', '48', '49', '50', '51', '52', '53', '54', '55', '56', '57', '58', '59'],
  24. ['00', '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', '32', '33', '34', '35', '36', '37', '38', '39', '40', '41', '42', '43', '44', '45', '46', '47', '48', '49', '50', '51', '52', '53', '54', '55', '56', '57', '58', '59'],
  25. ],
  26. // 日期时间选择
  27. datatime: '',
  28. // 计算日期
  29. year: '',
  30. moneh: ''
  31. },
  32. // 跳转菜单
  33. tabPath(e) {
  34. let { route } = e.detail.detail;
  35. if (route) wx.redirectTo({ url: `/${route}` })
  36. },
  37. // 返回上一页
  38. back: function () {
  39. wx.navigateBack({ delta: 1 })
  40. },
  41. // 上传图片
  42. imgUpl: function (e) {
  43. const that = this;
  44. let data = that.data.img_url;
  45. data.push(e.detail)
  46. that.setData({ img_url: data })
  47. },
  48. // 删除图片
  49. imgDel: function (e) {
  50. const that = this;
  51. let list = that.data.img_url;
  52. let arr = list.filter((i, index) => index != e.detail.index)
  53. that.setData({ img_url: arr })
  54. },
  55. // 打开弹框
  56. toDialog: function () {
  57. const that = this;
  58. that.setData({ dialog: { title: '弹框标题', show: true, type: '1' } })
  59. },
  60. // 关闭弹框
  61. toClose: function () {
  62. const that = this;
  63. that.setData({ dialog: { title: '弹框标题', show: false, type: '1' } })
  64. },
  65. // 确认选择
  66. change: function (e) {
  67. const that = this;
  68. let dateTime = that.data.dateTimeArray;
  69. let value = e.detail.value;
  70. let datetimes = dateTime[0][value[0]] + '-' + dateTime[1][value[1]] + '-' + dateTime[2][value[2]] + ' ' + dateTime[3][value[3]] + ':' + dateTime[4][value[4]] + ':' + dateTime[5][value[5]];
  71. that.setData({ datatime: datetimes });
  72. },
  73. // 选择月份
  74. columnChange: function (e) {
  75. const that = this;
  76. const { column, value } = e.detail;
  77. let dateTimeArray = that.data.dateTimeArray;
  78. let year = that.data.year;
  79. let month = that.data.month;
  80. // let year = monthDay.year || dateTimeArray[0][0];
  81. // let month = monthDay.month || dateTimeArray[1][0];
  82. // if (column == '0') year = dateTimeArray[0][value];
  83. // else if (column == '1') month = dateTimeArray[1][value];
  84. // console.log(year);
  85. // console.log(month);
  86. // that.setData({ monthDay: { year: year, moneh: month } });
  87. // console.log(that.data.monthDay);
  88. // 计算当前选择年月所要显示的日期
  89. let ym = year + '-' + month;
  90. // let monthDay = moment(ym).daysInMonth();
  91. // console.log(monthDay);
  92. // if (column == '0') {
  93. // console.log(column, value);
  94. // } else if (column == '1') {
  95. // monthDay = dateTimeArray
  96. // }
  97. // that.setData({ monthDay })
  98. // console.log(that.data.monthDay);
  99. // console.log(data);
  100. // if (column == '0') {
  101. // console.log('0');
  102. // } else if (column == '1') {
  103. // console.log('1');
  104. // }
  105. // console.log(column);
  106. // console.log(value);
  107. },
  108. /**
  109. * 生命周期函数--监听页面加载
  110. */
  111. onLoad: async function (options) {
  112. // 获取完整的年月日 时分秒,以及默认显示的数组
  113. var obj = dateTimePicker.dateTimePicker(this.data.startYear, this.data.endYear);
  114. var obj = dateTimePicker.dateTimePicker(this.data.startYear, this.data.endYear);
  115. // this.setData({ dateTimeArray: obj.dateTimeArray });
  116. // let start = moment('02').startOf('month').format('YYYY-MM-DD');
  117. // let end = moment('02').endOf('month').format('YYYY-MM-DD');
  118. // 01,03,05,07,08,10
  119. // 02
  120. // let days = moment('2001-02').daysInMonth();
  121. // console.log(start);
  122. // console.log(end);
  123. // console.log(days);
  124. const arr = await app.$get('/user', {}, 'race');
  125. console.log(arr);
  126. },
  127. /**
  128. * 生命周期函数--监听页面初次渲染完成
  129. */
  130. onReady: function () {
  131. },
  132. /**
  133. * 生命周期函数--监听页面显示
  134. */
  135. onShow: function () {
  136. },
  137. /**
  138. * 生命周期函数--监听页面隐藏
  139. */
  140. onHide: function () {
  141. },
  142. /**
  143. * 生命周期函数--监听页面卸载
  144. */
  145. onUnload: function () {
  146. },
  147. /**
  148. * 页面相关事件处理函数--监听用户下拉动作
  149. */
  150. onPullDownRefresh: function () {
  151. },
  152. /**
  153. * 页面上拉触底事件的处理函数
  154. */
  155. onReachBottom: function () {
  156. },
  157. /**
  158. * 用户点击右上角分享
  159. */
  160. onShareAppMessage: function () {
  161. }
  162. })