From 61941ea1dc6c0a72259dd6276d9ebb93a0d5fd3d Mon Sep 17 00:00:00 2001
From: npmrun <1549469775@qq.com>
Date: Tue, 12 May 2026 23:26:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=97=A5=E5=8E=86=E7=BB=84?=
=?UTF-8?q?=E4=BB=B6=E5=8F=8A=E7=9B=B8=E5=85=B3=E5=B7=A5=E5=85=B7=E5=87=BD?=
=?UTF-8?q?=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
components/niu-calendar/niu-calendar.vue | 200 +++++++++++++++++++++++++++++++
components/niu-calendar/util.js | 137 +++++++++++++++++++++
package.json | 9 ++
3 files changed, 346 insertions(+)
create mode 100644 components/niu-calendar/niu-calendar.vue
create mode 100644 components/niu-calendar/util.js
create mode 100644 package.json
diff --git a/components/niu-calendar/niu-calendar.vue b/components/niu-calendar/niu-calendar.vue
new file mode 100644
index 0000000..11e7f87
--- /dev/null
+++ b/components/niu-calendar/niu-calendar.vue
@@ -0,0 +1,200 @@
+
+
+
+
+ {{curMonth}}月
+
+
+
+
+ {{item| filterWeek}}
+
+
+ {{item| filterDay}}
+
+
+
+
+
+
+
+
+
+
diff --git a/components/niu-calendar/util.js b/components/niu-calendar/util.js
new file mode 100644
index 0000000..80699f3
--- /dev/null
+++ b/components/niu-calendar/util.js
@@ -0,0 +1,137 @@
+// 明天几号
+export function getNextDay(tempTime) {
+ if (!tempTime) {
+ tempTime = new Date()
+ }
+ tempTime.setHours(24, 0, 0, 0, 0);
+ return tempTime;
+}
+// 昨天几号
+export function getBeforeDay(tempTime) {
+ if (!tempTime) {
+ tempTime = new Date()
+ }
+ tempTime.setHours(-24, 0, 0, 0, 0);
+ return tempTime;
+}
+
+// 获取当前月份应该有多少天
+export function getCurMonthDayNum(time) {
+ if (!time) {
+ time = new Date()
+ }
+ let day = 31;
+ let month = time.getMonth() + 1
+ let year = time.getFullYear()
+ if ([1, 3, 5, 7, 8, 10, 12].indexOf(month) != -1) {
+ day = 31;
+ } else if ([4, 6, 9, 11].indexOf(month) != -1) {
+ day = 30;
+ } else if (year % 4 == 0) {
+ day = 29
+ } else {
+ day = 28
+ }
+ return day
+}
+/**
+ * 或者某个时间在其月份还剩多少天时间
+ * @param {Object} time 时间
+ */
+export function getElseMonthDayNum(time) {
+ if (!time) {
+ time = new Date()
+ }
+ let total = getCurMonthDayNum(time);
+ let day = time.getDate()
+ return total - day;
+}
+/**
+ * 时间格式化
+ */
+export function timeFormat(date, fmt = 'yyyy/MM/dd HH:mm:ss') {
+ if (!date) {
+ return ''
+ }
+ // dayjs
+ if (typeof date === 'string') {
+ date = date.replace('T', ' ').replace('Z', '');
+ date = new Date(date.replace(/-/g, '/'))
+ }
+ if (typeof date === 'number') {
+ date = new Date(date)
+ }
+ var o = {
+ 'M+': date.getMonth() + 1,
+ 'd+': date.getDate(),
+ 'h+': date.getHours() % 12 === 0 ? 12 : date.getHours() % 12,
+ 'H+': date.getHours(),
+ 'm+': date.getMinutes(),
+ 's+': date.getSeconds(),
+ 'q+': Math.floor((date.getMonth() + 3) / 3),
+ 'S': date.getMilliseconds()
+ }
+ var week = {
+ '0': '\u65e5',
+ '1': '\u4e00',
+ '2': '\u4e8c',
+ '3': '\u4e09',
+ '4': '\u56db',
+ '5': '\u4e94',
+ '6': '\u516d'
+ }
+ if (/(y+)/.test(fmt)) {
+ fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
+ }
+ if (/(E+)/.test(fmt)) {
+ fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? '\u661f\u671f' : '\u5468') :
+ '') +
+ week[date.getDay() + ''])
+ }
+ for (var k in o) {
+ if (new RegExp('(' + k + ')').test(fmt)) {
+ fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k])
+ .length)))
+ }
+ }
+ return fmt
+}
+
+/**
+ * 获取距离今天多少天的时间
+ * @param {Object} days 据今天的时间长度
+ */
+export function geRecentDay(days, time) {
+ if (!time) {
+ time = new Date()
+ }
+ let dayList = []
+ let curIndex = -1;
+ // 补充这周的前几天时间
+ let bbDay = new Date(time);
+ bbDay.setHours(0, 0, 0, 0);
+ let week = bbDay.getDay() // 当前周几
+ week = (week - 1) < 0 ? 0 : (week - 1)
+ let bList = [];
+ for (var i = week; i >= 0; i--) {
+ let beforeDay = getBeforeDay(bbDay)
+ bList.push(timeFormat(beforeDay))
+ bbDay = beforeDay;
+ }
+ bList.reverse()
+ dayList = dayList.concat(bList)
+ // 时间长度
+ let nnDay = new Date(time);
+ nnDay.setHours(0, 0, 0, 0);
+ curIndex = dayList.length // 今天的索引
+ let elseDay = days || getElseMonthDayNum(nnDay);
+ for (var i = 0; i <= elseDay; i++) {
+ dayList.push(timeFormat(nnDay))
+ let nextDay = getNextDay(nnDay)
+ nnDay = nextDay;
+ }
+ return {
+ list: dayList,
+ index: curIndex
+ }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..0fc9bc5
--- /dev/null
+++ b/package.json
@@ -0,0 +1,9 @@
+{
+ "id": "niu-calendar",
+ "name": "时间长度内的日历切换",
+ "version": "0.0.1",
+ "description": "基于项目需要，提供一个简单的日历实现，有差不多的可以用",
+ "keywords": [
+ "日历"
+ ]
+}
\ No newline at end of file