dateTimePicker.js 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. /**
  2. * 自定义多列时间选择器
  3. */
  4. function withData(param) {
  5. return param < 10 ? '0' + param : '' + param;
  6. }
  7. function getLoopArray(start, end, str = '') {
  8. var start = start || 0;
  9. var end = end || 1;
  10. var array = [];
  11. for (var i = start; i <= end; i++) {
  12. array.push(withData(i)+str);
  13. }
  14. return array;
  15. }
  16. function getMonthDay(year, month,endDay,str = '') {
  17. var flag = year % 400 == 0 || (year % 4 == 0 && year % 100 != 0), array = null;
  18. switch (month) {
  19. case '01':
  20. case '03':
  21. case '05':
  22. case '07':
  23. case '08':
  24. case '10':
  25. case '12':
  26. array = getLoopArray(1, endDay ? endDay : 31, str)
  27. break;
  28. case '04':
  29. case '06':
  30. case '09':
  31. case '11':
  32. array = getLoopArray(1, endDay ? endDay : 30, str)
  33. break;
  34. case '02':
  35. array = flag ? getLoopArray(1, endDay ? endDay : 29, str) : getLoopArray(1, endDay ? endDay : 28, str)
  36. break;
  37. default:
  38. array = '月份格式不正确,请重新输入!'
  39. }
  40. return array;
  41. }
  42. function getNewDateArry() {
  43. // 当前时间的处理
  44. var newDate = new Date();
  45. var year = withData(newDate.getFullYear()),
  46. mont = withData(newDate.getMonth() + 1),
  47. date = withData(newDate.getDate()),
  48. hour = withData(newDate.getHours()),
  49. minu = withData(newDate.getMinutes()),
  50. seco = withData(newDate.getSeconds());
  51. return [year, mont, date, hour, minu, seco];
  52. }
  53. function dateTimePicker(endTime,startYear, endYear, date) {
  54. // 返回默认显示的数组和联动数组的声明
  55. var dateTime = [], dateTimeArray = [[], [], [], [], [], []];
  56. var dateArray = [[], [], [], [], [], []];
  57. var start = startYear || 2000;
  58. var end = endYear || 2100;
  59. // 默认开始显示数据
  60. var defaultDate = date ? [...date.split(' ')[0].split('-'), ...date.split(' ')[1].split(':')] : getNewDateArry();
  61. // 处理联动列表数据
  62. /*年月日 时分秒*/
  63. dateArray[0] = getLoopArray(start, end);
  64. dateArray[1] = getLoopArray(1, 12);
  65. dateArray[2] = getMonthDay(defaultDate[0], defaultDate[1]);
  66. dateArray[3] = getLoopArray(0, 23);
  67. dateArray[4] = getLoopArray(0, 59);
  68. dateArray[5] = getLoopArray(0, 59);
  69. if(endTime){
  70. var newDate = new Date(); //当前时间
  71. var nowTime = newDate.getTime()
  72. var endTime = nowTime+(Number(endTime)*24*60*60*1000)
  73. var endYear = end
  74. var endMoney = new Date(endTime).getMonth()+1
  75. var endDay = new Date(endTime).getDate()
  76. var endhour = new Date(endTime).getHours()
  77. var endminu = new Date(endTime).getMinutes()
  78. var endseco = new Date(endTime).getSeconds()
  79. // console.log(endYear,endMoney,endDay,endhour,endminu,endseco)
  80. dateTimeArray[0] = getLoopArray(start, endYear,'年');
  81. dateTimeArray[1] = getLoopArray(1, endMoney,'月');
  82. dateTimeArray[2] = getMonthDay(defaultDate[0], defaultDate[1],defaultDate[1] < endMoney ? null : endDay,'日');
  83. }else{
  84. dateTimeArray[0] = getLoopArray(start, end,'年');
  85. dateTimeArray[1] = getLoopArray(1, 12,'月');
  86. dateTimeArray[2] = getMonthDay(defaultDate[0], defaultDate[1],null,'日');
  87. }
  88. dateTimeArray[3] = getLoopArray(0, 23,'时');
  89. dateTimeArray[4] = getLoopArray(0, 59,'分');
  90. dateTimeArray[5] = getLoopArray(0, 59,'秒');
  91. dateArray.forEach((current, index) => {
  92. dateTime.push(current.indexOf(defaultDate[index]));
  93. });
  94. return {
  95. dateTimeArray: dateTimeArray,
  96. dateTime: dateTime,
  97. dateArray: dateArray
  98. }
  99. }
  100. module.exports = {
  101. dateTimePicker: dateTimePicker,
  102. getMonthDay: getMonthDay
  103. }