当前位置：首页 > news >正文

微信小程序--创建一个日历组件

news 来源：原创 2025/6/28 9:42:21

微信小程序–创建一个日历组件

可以创建一个日历组件，来展示当前月份的日期，并支持切换月份的功能。

一、目录结构

/pages/calendarcalendar.wxmlcalendar.scsscalendar.jscalendar.json

二、`calendar.wxml`

  <view class="calendar"><view class="header"><view bindtap="changeMonth" data-direction="prev"><van-icon name="arrow-left" /></view><text>{{year}}年{{month}}月</text><van-icon name="arrow" bindtap="changeMonth" data-direction="next" /></view><view class="days"><view class="week"><text>日</text><text>一</text><text>二</text><text>三</text><text>四</text><text>五</text><text>六</text></view><view class="dates"><block wx:for="{{days}}" wx:key="index"><view class="date">{{item}}</view></block></view></view></view>

三、`calendar.scss`

.calendar {width: 100%;border-radius: 15rpx;background-color: #fff;padding: 20rpx;
}.header {width: 100%;display: flex;justify-content: space-between;align-items: center;font-size:32rpx;
}.days {margin-top: 20px;
}.week {display: grid;grid-template-columns: repeat(7, 1fr);gap: 5px;text-align: center;margin-bottom: 20px;
}.dates {display: grid;grid-template-columns: repeat(7, 1fr);gap: 10px 5px;
}.date {width: 100%;height: 60px;text-align: center;padding: 10px;background-color: #f0f0f0;color: #000;
}

四、`calendar.js`

Page({data: {year: new Date().getFullYear(),month: new Date().getMonth() + 1,days: [],},onLoad() {this.loadCalendar();},loadCalendar() {const { year, month } = this.data;// 获取当月的第一天是星期几const firstDay = new Date(year, month - 1, 1).getDay();// 获取当月的天数const totalDays = new Date(year, month, 0).getDate();// 创建日期数组const days = [];// 填充空白日期for (let i = 0; i < firstDay; i++) {days.push('');}// 填充实际日期for (let i = 1; i <= totalDays; i++) {days.push(i);}this.setData({ days });},changeMonth(event) {const direction = event.currentTarget.dataset.direction;let { year, month } = this.data;if (direction === 'prev') {month--;if (month < 1) {month = 12;year--;}} else if (direction === 'next') {month++;if (month > 12) {month = 1;year++;}}this.setData({ year, month }, () => {this.loadCalendar();});}
});

五、效果图（样式可以按需更改）

在这里插入图片描述

六、`padStart`

padStart(2, '0') 是 JavaScript 字符串的方法，用于填充字符串的开头直到指定的长度。

使用了 padStart(2, '0') 来确保日期和月份都是两位数格式。

str.padStart(targetLength, padString);

targetLength 是目标字符串的最终长度。
padString 是用于填充的字符串（如果字符串长度不够，使用这个字符串填充，直到目标长度为止）。

在 padStart(2, '0') 中，意思是如果原字符串的长度小于 2，则用 '0' 在字符串的开头进行填充，直到字符串的长度为 2。

案列：

'5'.padStart(2, '0');  // '05'
'12'.padStart(2, '0'); // '12'
'123'.padStart(5, '0'); // '00123'

七、实现高亮当前日期，给日期添加点击事件，并高亮显示

calendar.wxml

   <view class="dates"><block wx:for="{{days}}" wx:key="index"><view class="date {{item.isToday ? 'highlight-today' : ''}} {{isChooseDate==item.day ? 'choose-day' : ''}}" bindtap="showEventDetail" data-day="{{item}}">{{item.day}}</view></block></view>

calendar.js

 loadCalendar() {const {year,month} = this.data;// 获取当月的第一天是星期几const firstDay = new Date(year, month - 1, 1).getDay();// 获取当月的天数const totalDays = new Date(year, month, 0).getDate();// 获取今天的日期（用于高亮显示）const today = new Date();const todayDate = `${today.getFullYear()}-${(today.getMonth() + 1).toString().padStart(2, '0')}-${today.getDate().toString().padStart(2, '0')}`;// 创建日期数组const days = [];// 填充空白日期for (let i = 0; i < firstDay; i++) {days.push('');}// 填充实际日期for (let i = 1; i <= totalDays; i++) {const day = `${year}-${month.toString().padStart(2, '0')}-${i.toString().padStart(2, '0')}`;const isToday = day === todayDate;  // 如果是今天的日期，则标记为今天days.push({ day: i,isToday });}this.setData({days,selectedDate:this.data.selectedDate?this.data.selectedDate:todayDate});},changeMonth(event) {const direction = event.currentTarget.dataset.direction;let {year,month} = this.data;if (direction === 'prev') {month--;if (month < 1) {month = 12;year--;}} else if (direction === 'next') {month++;if (month > 12) {month = 1;year++;}}this.setData({year,month,isChooseDate:''}, () => {this.loadCalendar();});},// 显示事件详情showEventDetail(event) {const day = event.currentTarget.dataset.day.day;const selectedDate = `${this.data.year}-${this.data.month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`;this.setData({isChooseDate:day,selectedDate:selectedDate})},

calendar.scss

  .choose-day{border:1px solid  #65b778;color: #65b778;font-weight: bold;background-color: #fff;}.highlight-today{background-color: #65b778;color: #fff;font-weight: bold;}

效果图

在这里插入图片描述

八、滑动切换日历月份

calendar.html

<view class="calendar"  bindtouchstart="touchStart"   bindtouchend="touchEnd"></view>

calendar.js

  data: {startX: 0, // 触摸起始位置startY: 0, // 触摸起始位置minSwipeDistance: 50 // 设置最小滑动距离，单位：px},// 触摸开始事件touchStart(e) {this.setData({startX: e.touches[0].clientX,startY: e.touches[0].clientY});},// 触摸结束事件touchEnd(e) {const endX = e.changedTouches[0].clientX;const endY = e.changedTouches[0].clientY;const dx = endX - this.data.startX; // 水平滑动距离const dy = endY - this.data.startY; // 垂直滑动距离// 判断是否为左右滑动（忽略上下滑动）if (Math.abs(dx) > Math.abs(dy)) {if (Math.abs(dx) >= this.data.minSwipeDistance) { // 只有当滑动距离超过阈值时才切换,防止误触if (dx > 0) {// 向右滑动，切换到上个月this.changeMonthBySwipe('prev');} else if (dx < 0) {// 向左滑动，切换到下个月this.changeMonthBySwipe('next');}}}},// 根据滑动方向切换月份changeMonthBySwipe(direction) {let {year,month} = this.data;if (direction === 'prev') {month--;if (month < 1) {month = 12;year--;}} else if (direction === 'next') {month++;if (month > 12) {month = 1;year++;}}this.setData({year,month,isChooseDate: ''}, () => {this.loadCalendar();});},

微信小程序--创建一个日历组件

微信小程序–创建一个日历组件可以创建一个日历组件，来展示当前月份的日期，并支持切换月份的功能。一、目录结构 /pages/calendarcalendar.wxmlcalendar.scsscalendar.jscalendar.json二、calendar.wxml <view class"calendar"><…...

编程日记 2025/6/28 9:42:21

A6919 基于java+SSM+mysql的区域物流管理系统设计与实现

的区域物流管理系统的设计与实现 1.摘要2.开发目的和意义3.系统功能设计4.系统界面截图5.源码获取 1.摘要摘要随着当前我国市场经济和计算机互联网技术迅速发展，各行各业的销售和管理都在逐步转向着第三方物流服务，包括中通快递，申通&…...

编程日记 2025/6/28 9:39:35

Python大数据可视化：基于python的电影天堂数据可视化_django+hive

开发语言：Python框架：djangoPython版本：python3.7.7数据库：mysql 5.7数据库工具：Navicat11开发软件：PyCharm 系统展示管理员登录管理员功能界面电影数据看板展示我的信息摘要电影天堂数据可视化是…...

编程日记 2025/6/28 1:23:22

美畅物联丨JS播放器录像功能：从技术到应用的全面解析

畅联云平台的JS播放器是一款功能十分强大的视频汇聚平台播放工具，它已经具备众多实用功能，像实时播放、历史录像回放、云台控制、倍速播放、录像记录、音频播放、画面放大、全屏展示、截图捕捉等等。这些功能构建起了一个高效、灵活且用户友好的播放环境…...

编程日记 2025/6/25 7:44:32

前端国际化实战：从需求到落地的完整实践

"我们要开拓东南亚市场了！"产品经理小王兴奋地告诉我这个消息。作为技术负责人,我立刻意识到这意味着我们需要对整个系统进行国际化改造。说实话,虽然之前也做过一些多语言的项目,但面对一个正在运行的大型系统,国际化改造的挑战还是不小。回想起上周的…...

编程日记 2025/6/1 8:23:45

MySQL 内置函数

字符串函数 concat(str1, str2, ...) 描述: 这个函数用于连接两个或多个字符串，返回一个新字符串。语法: concat(str1, str2, ...)注意点: 如果任意一个参数是null，则结果为null。可以连接任意数量的字符串。示例: select concat(first name: , first_…...

编程日记 2025/6/26 0:26:54

【Spring】日志类Logger的使用

在Spring框架中，日志记录是一个重要的组成部分，通常使用不同的日志框架来处理应用程序的日志。Spring 本身并直接提供一个名为Logger 的类，而是通过抽象的日志 API 让开发者能够选择和使用不同的日志实现（如 Log4j、Logback、SLF4…...

编程日记 2025/6/25 7:45:10

动态高优先权优先进程调度

一、实验目的目的：了解并掌握动态高优先权优先调度算法的理论，掌握动态优先权的设置方式。任务：模拟实现动态高优先权优先的调度（若数值越大优先权越高，每运行一个时间单位优先权-n，若数值越小优先权越高…...

编程日记 2025/6/25 16:33:35

【Linux SH脚本】LinuxCheck 应急检查信息脚本

LinuxCheck 1.下载地址【Linux SH脚本】LinuxCheck 应急检查信息脚本 2.简介 LinuxCheck 是一个开源的自动化检查脚本，旨在快速检测 Linux 系统的安全配置和潜在问题。它支持多种发行版，能够扫描并生成详细的报告，涵盖用户管理、权限配置…...

编程日记 2025/6/23 21:23:44

Vue - route路由（router-link、useRoute、useRouter）

为了避免反复在 app.vue 中去修改引入的路径，当用了新的页面，想切换回老页面的时候，都需要去手动改变路径，那么有没有一种可能，可以在一个地方，把这些组件配置好，然后通过不同的路径&#xff0c…...

编程日记 2025/6/3 7:55:24

【HarmonyOS】鸿蒙应用实现手机摇一摇功能

【HarmonyOS】鸿蒙应用实现手机摇一摇功能一、前言手机摇一摇功能，是通过获取手机设备，加速度传感器接口，获取其中的数值，进行逻辑判断实现的功能。在鸿蒙中手机设备传感器ohos.sensor (传感器)的系统API监听有以下&#xf…...

编程日记 2025/6/24 7:51:23

渗透测试工具 -- SQLmap安装教程及使用

随着网络安全问题日益严峻，渗透测试成为了保护信息安全的重要手段。而在渗透测试的众多工具中，SQLmap凭借其强大的自动化SQL注入检测和利用能力，成为了网络安全专家必备的利器。那么，你知道如何高效地使用SQLmap进行漏洞扫描吗&am…...

编程日记 2025/6/27 8:31:07

首先配置vite.config.js export default defineConfig({plugins: [vue(),],resolve: {alias: {: /src, // 根据你的项目结构进行设置},},server: {proxy: {/image-proxy: {target: https://你得代理服务器,changeOrigin: true,rewrite: path > path.replace(/^/image-proxy…...

编程日记 2025/6/27 15:47:18

AI与大数据的深度结合：驱动决策的革命性力量

引言：数字时代的决策挑战在这个信息爆炸的数字时代，数据早已渗透到我们生活的方方面面。全球每天产生的数据量呈指数级增长，无论是用户的消费行为、设备的运行状态，还是社会热点的实时动态，这些信息的规模和复杂性前所…...

编程日记 2025/6/24 1:40:27

搭建C#开发环境

本文记录C#开发环境的搭建过程。一、Windows系统二、Ubuntu 运行以下命令安装.NET SDK， sudo add-apt-repository ppa:dotnet/backports sudo apt-get install -y dotnet-sdk-9.0网络资料 Install .NET on Windowshttps://learn.microsoft.com/en-us/dotnet/co…...

编程日记 2025/6/26 23:56:20

Gitlab分支合并及在本地解决冲突

文章目录问题及解决参考问题及解决 Gitlab分支合并时碰到了合并冲突的问题，进行了本地解决冲突的操作，并成功进行了合并。在服务器端的冲突解决比较简单，在此不赘述，这里主要记录下在本地解决冲突的操作。 Gitlab冲突的根本…...

编程日记 2025/6/22 12:24:33

解决 “TypeError: ‘tuple‘ object cannot be interpreted as an integer“ 错误提示

错误背景这个错误通常出现在期望一个整数时，却传入了一个元组（tuple）。Python 无法将元组解释为整数，因此会抛出 TypeError。错误示例 python 复制代码 for i in (1, 2, 3): print(range(i)) 运行时会抛出如下错误：…...

编程日记 2025/6/25 2:22:18

OSPF协议

OSPF介绍 OSPF（Open Shortest Path First，开放最短路径优先）是一种用于互联网协议网络的链路状态路由协议。它属于内部网关协议（IGP），主要用于单一自治系统（AS）内部的路由选择。在A…...

编程日记 2025/6/25 16:17:34

前端编辑器JSON HTML等，vue2-ace-editor，vue3-ace-editor

与框架无关 vue2-ace-editor有问题，ace拿不到（brace） 一些组件都是基于ace-builds或者brace包装的不如直接用下面的，不如直接使用下面的 <template><div ref"editor" class"json-editor"><…...

编程日记 2025/6/25 17:48:12

threejs——无人机概念切割效果

主要技术采用着色器的切割渲染，和之前写的风车可视化的文章不同，这次的切割效果是在着色器的基础上实现的，并新增了很多可调节的变量，兄弟们，走曲儿~ 线上演示地址，点击体验源码下载地址，点击下载正文从图中大概可以看出以下信息，一个由线组成的无人机模型，一个由…...

编程日记 2025/6/25 5:03:51

360极速浏览器不支持看PDF

360安全浏览器采用的是基于IE内核和Chrome内核的双核浏览器。360极速浏览器是源自Chromium开源项目的浏览器，不但完美融合了IE内核引擎，而且实现了双核引擎的无缝切换。因此在速度上，360极速浏览器的极速体验感更佳。展示自己的时候要在有优…...

编程日记 2025/6/24 18:21:55

Python Turtle 实现动态时钟：十二时辰与星空流星效果

在这篇文章中，我将带你通过 Python 的 turtle 模块构建一个动态可视化时钟程序。这个时钟不仅具备传统的时间显示功能，还融合了中国古代的十二时辰与八卦符号，并通过动态星空、流星效果与昼夜背景切换，为程序增添了观赏性和文化内…...

编程日记 2025/6/27 11:04:40

使用 UniApp 实现简单的个人中心页面

1. 创建 UniApp 项目首先，确保你已经安装了 HBuilderX 或其他支持 UniApp 的开发工具。然后创建一个新的 UniApp 项目。 # 使用 HBuilderX 创建新项目 # 选择 uni-app 模板 -> 选择 Vue.js 模板 -> 输入项目名称 -> 创建2. 安装依赖 UniApp 内置了一些…...

编程日记 2025/6/26 23:39:25

spring cloud contract http实例

微服务很多时，服务之前相互调用，接口参数的一致性要变得很难维护。 spring cloud contract 提供了测试接口一致性的方法。一项目配置 plugins {id "groovy"id "org.springframework.cloud.contract" version "4.0.5"i…...

编程日记 2025/6/28 5:03:23

修改docker源

在/etc/docker/daemon.json文件中写入 { "registry-mirrors": [ "Welcome to nginx!" ] } 执行 systemctl daemon-reload systemctl restart docker docker info能够看到源已经被替换现在国内能够使用的docker源经过测试只有Welcome to nginx! …...

编程日记 2025/6/25 7:12:05

顺序表的使用，对数据的增删改查

主函数： 3.c #include "3.h"//头文件调用 SqlListptr sql_cerate()//创建顺序表函数 {SqlListptr ptr(SqlListptr)malloc(sizeof(SqlList));//在堆区申请连续的空间if(NULLptr){printf("创建失败\n");return NULL;//如果没有申请成功&#xff…...

编程日记 2025/6/26 1:10:47

【在Linux世界中追寻伟大的One Piece】自旋锁

目录 1 -> 概述 2 -> 原理 3 -> 优缺点及使用场景 3.1 -> 优点 3.2 -> 缺点 3.3 -> 使用场景 4 -> 纯软件自旋锁类似的原理实现 4.1 -> 结论 5 -> 样例代码 1 -> 概述自旋锁是一种多线程同步机制，用于保护共享资源避免受并…...

编程日记 2025/6/25 16:15:33

信创改造-Spring Boot 项目部署至 TongWeb

打 war 包参考：https://blog.csdn.net/z1353095373/article/details/144330999...

编程日记 2025/6/4 15:27:45

选择WordPress和Shopify：搭建对谷歌SEO友好的网站

在建设网站时，不仅要考虑它的美观和功能性，还要关注它是否对谷歌SEO友好。如果你希望网站能够获得更好的搜索排名，WordPress和Shopify是两个值得推荐的建站平台。 WordPress作为最流行的内容管理系统，其强大的灵活性和丰富的插件…...

编程日记 2025/6/26 21:37:28

Rust之抽空学习系列（二）—— 编程通用概念（上）

Rust之抽空学习系列（二）—— 编程通用概念（上） Rust 作为一门强类型的静态类型语言，会有哪些与生俱来的天赋呢？ 1、静态类型语言 vs 动态类型语言特性静态动态类型检查编译时运行时错误检测执行前执行期…...

编程日记 2025/6/27 2:19:37

《神经网络与深度学习》(邱锡鹏) 内容概要【不含数学推导】

第1章绪论基本概念：介绍了人工智能的发展历程及不同阶段的特点，如符号主义、连接主义、行为主义等。还阐述了深度学习在人工智能领域的重要地位和发展现状，以及其在图像、语音、自然语言处理等多个领域的成功应用。术语解释人工智能&…...

编程日记 2025/6/26 11:21:15

Wireshark如何查看数据包时间间隔

1.如果数据包量不大，抓包本身也不大，建议从绝对时间判断，打开wireshark软件，并点开相应要分析的抓包文件。进入到最上方菜单<视图>,在弹出菜单选择时间显示格式，再在右侧菜单中选择自捕获经过的秒数。这样就可…...

编程日记 2025/6/22 11:27:46

ISP和IQ调试（一）

系列文章目录文章目录系列文章目录前言一、ISP（image signal process)二、ISP位置三、IQ总结前言一、ISP（image signal process) image signal process 图像处理技术 image signal processor 图像信号处理器设备什么是图像信号？ 代表…...

编程日记 2025/6/27 14:48:17

uniapp改成用vue起项目

目的：让项目按照vue的打包流程跑流水线 1.按照uniapp官网教程执行 2.执行第二条命令时报错 ERROR Failed to get response from true/vue-cli-version-marker 3.解决方式报错可能跟yarn有关，然后切换成npm 找到自己本地电脑的这个文件按照截图修…...

编程日记 2025/6/23 16:18:06

java之集合（详细-Map,Set,List）

1集合体系概述 1.1集合的概念集合是一种容器，用来装数据的，类似于数组，但集合的大小可变，开发中也非常常用。 1.2集合分类集合分为单列集合和多列集合 Collection代表单列集合，每个元素（数据&#xff…...

编程日记 2025/6/27 4:23:38

利用卷积神经网络进行手写数字的识别

数据集介绍 MNIST（Modified National Institute of Standards and Technology）数据集是一个广泛使用的手写数字识别数据集，常用于机器学习和计算机视觉领域中的分类任务。它包含了从0到9的手写数字样本，常用于训练和测试各种图像…...

编程日记 2025/6/20 19:07:42

Flutter 桌面端串口配置

前言我使用flutter_libserialport包在macOS中实现串口通信的功能，可以实现数据收发，但是收到的内容是乱码。这种情况一般都是由于波特率和硬件设备不一致导致的。配置串口配置 1.打开串口读写 import package:flutter_libserialport/flutter_libser…...

编程日记 2025/6/24 12:35:19

Java 的常量池与 String 优化

Java 中的常量池（Constant Pool）是一种内存优化机制，比如字符串常量池： String s1 "Hello"; String s2 "Hello"; System.out.println(s1 s2); // 输出 true，因为指向同一池中的对象但对于使用…...

编程日记 2025/6/27 16:18:33

防范TCP攻击：策略与实践

TCP（传输控制协议）是互联网通信的核心协议之一，它确保了数据在网络上的可靠传输。然而，TCP也容易成为各种网络攻击的目标，如SYN洪水攻击、TCP连接耗尽攻击等。本文将探讨如何通过配置防火墙规则、优化服务器设置以及采…...

编程日记 2025/6/28 2:02:12

单片机：实现呼吸灯（附带源码）

单片机实现呼吸灯详细解读呼吸灯是一种常见的灯光效果，广泛应用于电子产品、汽车、家居照明等领域。其基本特性是通过逐渐增亮和减弱的方式，使得灯光呈现出“呼吸”的效果，给人一种平缓、舒适的视觉感受。在嵌入式系统中，呼吸灯…...

编程日记 2025/6/25 13:39:14

Android 第三方框架：RxJava：源码分析：责任链模式

文章目录责任链模式RxJava中的责任链总结责任链模式 RxJava中的责任链链式调用的使用过程中形成了两个单向链表第一个单向链表是Observable链表它的形成过程： 1.首先调用Observable的静态方法创建第一个Observable对象，作为Observable链表的表…...

编程日记 2025/6/23 20:39:24

基于HTML的个人博客系统的设计与实现

一、前言随着互联网的飞速发展，人们分享生活、表达观点和展示自我的需求日益增长。个人博客作为一种重要的网络交流平台，为用户提供了便捷的信息发布和分享渠道。它不仅可以记录个人的成长经历、专业知识、兴趣爱好等，还能促进用户之间的互动…...

编程日记 2025/6/21 17:43:59

DMA（Direct Memory Access）：直接内存访问

DMA（Direct Memory Access）：直接内存访问一、传统CPU存取数据 CPU不直接存取外设的原因主要有两点： 速度差异：CPU的处理速度远高于外设，无法直接同步。格式多样性：外设数据格式种类繁多&…...

编程日记 2025/6/20 18:53:40

数据分析python小工具录入产品信息到Excel

在没有后台管理系统的时候，有时候为了方便起见，想提供一个输入框让运营人员直接输入，然后数据就会以数据库的形式存进数据库效果图： 输入用户名输入数据输入信息后点击添加到表格，检查后方便批量保存到excel …...

编程日记 2025/6/25 9:00:19

Mac安装brew的终极方法

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"按回车后，根据提示操作： 输入镜像序号（1-5都可以）输入Y，回车等待brew安装完成即可。 M系列芯片亲测有效&#x…...

编程日记 2025/6/27 23:19:31

卷积神经网络比于全连接神经网络强在哪？

卷积神经网络（Convolutional Neural Networks，简称CNN）与全连接神经网络（Fully Connected Neural Networks，简称FFNN）是深度学习和神经网络领域中两种最为常见的网络结构。两者在结构、工作原理及应用场景上…...

编程日记 2025/6/26 23:24:37

Stable Diffusion Controlnet常用控制类型解析与实战课程 4

本节内容，是stable diffusion Controlnet常用控制类型解析与实战的第四节课程。上节课程，我们陆续讲解了几个与图像风格约束相关的控制类型，本节课程我们再学习一些实用价值较高的控制类型，看一看他们提供了哪些控制思路。一&…...

编程日记 2025/6/22 7:02:46

[ShaderLab] 【Unity】【图像编程】理解 Unity Shader 的结构

在计算机图形学领域，开发者经常面临着管理着色器复杂性的挑战。正如大卫惠勒（David Wheeler）所说：“计算机科学中的任何问题都可以通过增加一层抽象来解决。” Unity 提供了这样一层抽象，即 ShaderLab，它通过组织和定义渲染过程的各个步骤，简化了编写着色器的过程。什…...

编程日记 2025/6/26 16:45:09

Source Insight的使用经验汇总

01-Add All"和“Add Tree”有何区别？ 在 Source Insight 中，“Add All”和“Add Tree”是两种向项目（Project）中添加文件的操作选项，它们的区别在于处理文件和目录的方式不同： 1. Add All 范围&am…...

编程日记 2025/6/24 1:37:03

CentOS 7.9 更换 YUM：解决宝塔安装困境的探索之旅

在进行网站搭建工作时，我满怀期待地准备安装宝塔面板，然而却遭遇了安装失败的挫折。经过一番排查与思考，我将目光聚焦到了系统的 YUM 上，怀疑它可能是导致问题的“罪魁祸首”。于是，我毅然决定对 CentOS 7.9 的 YUM 进…...

编程日记 2025/6/25 4:33:51

微信小程序–创建一个日历组件

一、目录结构

二、calendar.wxml

三、calendar.scss

四、calendar.js