util.js 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364
  1. "use strict";
  2. class Calendar {
  3. constructor({
  4. date,
  5. selected,
  6. startDate,
  7. endDate,
  8. range
  9. // multipleStatus
  10. } = {}) {
  11. this.date = this.getDate(/* @__PURE__ */ new Date());
  12. this.selected = selected || [];
  13. this.startDate = startDate;
  14. this.endDate = endDate;
  15. this.range = range;
  16. this.cleanMultipleStatus();
  17. this.weeks = {};
  18. this.lastHover = false;
  19. }
  20. /**
  21. * 设置日期
  22. * @param {Object} date
  23. */
  24. setDate(date) {
  25. this.selectDate = this.getDate(date);
  26. this._getWeek(this.selectDate.fullDate);
  27. }
  28. /**
  29. * 清理多选状态
  30. */
  31. cleanMultipleStatus() {
  32. this.multipleStatus = {
  33. before: "",
  34. after: "",
  35. data: []
  36. };
  37. }
  38. /**
  39. * 重置开始日期
  40. */
  41. resetSatrtDate(startDate) {
  42. this.startDate = startDate;
  43. }
  44. /**
  45. * 重置结束日期
  46. */
  47. resetEndDate(endDate) {
  48. this.endDate = endDate;
  49. }
  50. /**
  51. * 获取任意时间
  52. */
  53. getDate(date, AddDayCount = 0, str = "day") {
  54. if (!date) {
  55. date = /* @__PURE__ */ new Date();
  56. }
  57. if (typeof date !== "object") {
  58. date = date.replace(/-/g, "/");
  59. }
  60. const dd = new Date(date);
  61. switch (str) {
  62. case "day":
  63. dd.setDate(dd.getDate() + AddDayCount);
  64. break;
  65. case "month":
  66. if (dd.getDate() === 31) {
  67. dd.setDate(dd.getDate() + AddDayCount);
  68. } else {
  69. dd.setMonth(dd.getMonth() + AddDayCount);
  70. }
  71. break;
  72. case "year":
  73. dd.setFullYear(dd.getFullYear() + AddDayCount);
  74. break;
  75. }
  76. const y = dd.getFullYear();
  77. const m = dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() + 1;
  78. const d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate();
  79. return {
  80. fullDate: y + "-" + m + "-" + d,
  81. year: y,
  82. month: m,
  83. date: d,
  84. day: dd.getDay()
  85. };
  86. }
  87. /**
  88. * 获取上月剩余天数
  89. */
  90. _getLastMonthDays(firstDay, full) {
  91. let dateArr = [];
  92. for (let i = firstDay; i > 0; i--) {
  93. const beforeDate = new Date(full.year, full.month - 1, -i + 1).getDate();
  94. dateArr.push({
  95. date: beforeDate,
  96. month: full.month - 1,
  97. disable: true
  98. });
  99. }
  100. return dateArr;
  101. }
  102. /**
  103. * 获取本月天数
  104. */
  105. _currentMonthDys(dateData, full) {
  106. let dateArr = [];
  107. let fullDate = this.date.fullDate;
  108. for (let i = 1; i <= dateData; i++) {
  109. let nowDate = full.year + "-" + (full.month < 10 ? full.month : full.month) + "-" + (i < 10 ? "0" + i : i);
  110. let isDay = fullDate === nowDate;
  111. let info = this.selected && this.selected.find((item) => {
  112. if (this.dateEqual(nowDate, item.date)) {
  113. return item;
  114. }
  115. });
  116. let disableBefore = true;
  117. let disableAfter = true;
  118. if (this.startDate) {
  119. disableBefore = this.dateCompare(this.startDate, nowDate);
  120. }
  121. if (this.endDate) {
  122. disableAfter = this.dateCompare(nowDate, this.endDate);
  123. }
  124. let multiples = this.multipleStatus.data;
  125. let checked = false;
  126. let multiplesStatus = -1;
  127. if (this.range) {
  128. if (multiples) {
  129. multiplesStatus = multiples.findIndex((item) => {
  130. return this.dateEqual(item, nowDate);
  131. });
  132. }
  133. if (multiplesStatus !== -1) {
  134. checked = true;
  135. }
  136. }
  137. let data = {
  138. fullDate: nowDate,
  139. year: full.year,
  140. date: i,
  141. multiple: this.range ? checked : false,
  142. beforeMultiple: this.isLogicBefore(nowDate, this.multipleStatus.before, this.multipleStatus.after),
  143. afterMultiple: this.isLogicAfter(nowDate, this.multipleStatus.before, this.multipleStatus.after),
  144. month: full.month,
  145. disable: !(disableBefore && disableAfter),
  146. isDay,
  147. userChecked: false
  148. };
  149. if (info) {
  150. data.extraInfo = info;
  151. }
  152. dateArr.push(data);
  153. }
  154. return dateArr;
  155. }
  156. /**
  157. * 获取下月天数
  158. */
  159. _getNextMonthDays(surplus, full) {
  160. let dateArr = [];
  161. for (let i = 1; i < surplus + 1; i++) {
  162. dateArr.push({
  163. date: i,
  164. month: Number(full.month) + 1,
  165. disable: true
  166. });
  167. }
  168. return dateArr;
  169. }
  170. /**
  171. * 获取当前日期详情
  172. * @param {Object} date
  173. */
  174. getInfo(date) {
  175. if (!date) {
  176. date = /* @__PURE__ */ new Date();
  177. }
  178. const dateInfo = this.canlender.find((item) => item.fullDate === this.getDate(date).fullDate);
  179. return dateInfo;
  180. }
  181. /**
  182. * 比较时间大小
  183. */
  184. dateCompare(startDate, endDate) {
  185. startDate = new Date(startDate.replace("-", "/").replace("-", "/"));
  186. endDate = new Date(endDate.replace("-", "/").replace("-", "/"));
  187. if (startDate <= endDate) {
  188. return true;
  189. } else {
  190. return false;
  191. }
  192. }
  193. /**
  194. * 比较时间是否相等
  195. */
  196. dateEqual(before, after) {
  197. before = new Date(before.replace("-", "/").replace("-", "/"));
  198. after = new Date(after.replace("-", "/").replace("-", "/"));
  199. if (before.getTime() - after.getTime() === 0) {
  200. return true;
  201. } else {
  202. return false;
  203. }
  204. }
  205. /**
  206. * 比较真实起始日期
  207. */
  208. isLogicBefore(currentDay, before, after) {
  209. let logicBefore = before;
  210. if (before && after) {
  211. logicBefore = this.dateCompare(before, after) ? before : after;
  212. }
  213. return this.dateEqual(logicBefore, currentDay);
  214. }
  215. isLogicAfter(currentDay, before, after) {
  216. let logicAfter = after;
  217. if (before && after) {
  218. logicAfter = this.dateCompare(before, after) ? after : before;
  219. }
  220. return this.dateEqual(logicAfter, currentDay);
  221. }
  222. /**
  223. * 获取日期范围内所有日期
  224. * @param {Object} begin
  225. * @param {Object} end
  226. */
  227. geDateAll(begin, end) {
  228. var arr = [];
  229. var ab = begin.split("-");
  230. var ae = end.split("-");
  231. var db = /* @__PURE__ */ new Date();
  232. db.setFullYear(ab[0], ab[1] - 1, ab[2]);
  233. var de = /* @__PURE__ */ new Date();
  234. de.setFullYear(ae[0], ae[1] - 1, ae[2]);
  235. var unixDb = db.getTime() - 24 * 60 * 60 * 1e3;
  236. var unixDe = de.getTime() - 24 * 60 * 60 * 1e3;
  237. for (var k = unixDb; k <= unixDe; ) {
  238. k = k + 24 * 60 * 60 * 1e3;
  239. arr.push(this.getDate(new Date(parseInt(k))).fullDate);
  240. }
  241. return arr;
  242. }
  243. /**
  244. * 获取多选状态
  245. */
  246. setMultiple(fullDate) {
  247. let {
  248. before,
  249. after
  250. } = this.multipleStatus;
  251. if (!this.range)
  252. return;
  253. if (before && after) {
  254. if (!this.lastHover) {
  255. this.lastHover = true;
  256. return;
  257. }
  258. this.multipleStatus.before = fullDate;
  259. this.multipleStatus.after = "";
  260. this.multipleStatus.data = [];
  261. this.multipleStatus.fulldate = "";
  262. this.lastHover = false;
  263. } else {
  264. if (!before) {
  265. this.multipleStatus.before = fullDate;
  266. this.lastHover = false;
  267. } else {
  268. this.multipleStatus.after = fullDate;
  269. if (this.dateCompare(this.multipleStatus.before, this.multipleStatus.after)) {
  270. this.multipleStatus.data = this.geDateAll(this.multipleStatus.before, this.multipleStatus.after);
  271. } else {
  272. this.multipleStatus.data = this.geDateAll(this.multipleStatus.after, this.multipleStatus.before);
  273. }
  274. this.lastHover = true;
  275. }
  276. }
  277. this._getWeek(fullDate);
  278. }
  279. /**
  280. * 鼠标 hover 更新多选状态
  281. */
  282. setHoverMultiple(fullDate) {
  283. let {
  284. before,
  285. after
  286. } = this.multipleStatus;
  287. if (!this.range)
  288. return;
  289. if (this.lastHover)
  290. return;
  291. if (!before) {
  292. this.multipleStatus.before = fullDate;
  293. } else {
  294. this.multipleStatus.after = fullDate;
  295. if (this.dateCompare(this.multipleStatus.before, this.multipleStatus.after)) {
  296. this.multipleStatus.data = this.geDateAll(this.multipleStatus.before, this.multipleStatus.after);
  297. } else {
  298. this.multipleStatus.data = this.geDateAll(this.multipleStatus.after, this.multipleStatus.before);
  299. }
  300. }
  301. this._getWeek(fullDate);
  302. }
  303. /**
  304. * 更新默认值多选状态
  305. */
  306. setDefaultMultiple(before, after) {
  307. this.multipleStatus.before = before;
  308. this.multipleStatus.after = after;
  309. if (before && after) {
  310. if (this.dateCompare(before, after)) {
  311. this.multipleStatus.data = this.geDateAll(before, after);
  312. this._getWeek(after);
  313. } else {
  314. this.multipleStatus.data = this.geDateAll(after, before);
  315. this._getWeek(before);
  316. }
  317. }
  318. }
  319. /**
  320. * 获取每周数据
  321. * @param {Object} dateData
  322. */
  323. _getWeek(dateData) {
  324. const {
  325. fullDate,
  326. year,
  327. month,
  328. date,
  329. day
  330. } = this.getDate(dateData);
  331. let firstDay = new Date(year, month - 1, 1).getDay();
  332. let currentDay = new Date(year, month, 0).getDate();
  333. let dates = {
  334. lastMonthDays: this._getLastMonthDays(firstDay, this.getDate(dateData)),
  335. // 上个月末尾几天
  336. currentMonthDys: this._currentMonthDys(currentDay, this.getDate(dateData)),
  337. // 本月天数
  338. nextMonthDays: [],
  339. // 下个月开始几天
  340. weeks: []
  341. };
  342. let canlender = [];
  343. const surplus = 42 - (dates.lastMonthDays.length + dates.currentMonthDys.length);
  344. dates.nextMonthDays = this._getNextMonthDays(surplus, this.getDate(dateData));
  345. canlender = canlender.concat(dates.lastMonthDays, dates.currentMonthDys, dates.nextMonthDays);
  346. let weeks = {};
  347. for (let i = 0; i < canlender.length; i++) {
  348. if (i % 7 === 0) {
  349. weeks[parseInt(i / 7)] = new Array(7);
  350. }
  351. weeks[parseInt(i / 7)][i % 7] = canlender[i];
  352. }
  353. this.canlender = canlender;
  354. this.weeks = weeks;
  355. }
  356. //静态方法
  357. // static init(date) {
  358. // if (!this.instance) {
  359. // this.instance = new Calendar(date);
  360. // }
  361. // return this.instance;
  362. // }
  363. }
  364. exports.Calendar = Calendar;