最近一直在忙项目,想到之前有小伙伴求助mysql数据库安装,还远程了一番,所以,就整理一下,数据库在测试工作中还是挺重要的,不能本地测试改个数据都去找开发小哥哥吧,是不是不太好呢,还是要自己能办到的事就尽量不麻烦别人。1.下载压缩包从官网下载MySQL的zip(免安装的) 解压mysql-5.7到自己指定的定的路径。例如:D:MyToolsmysql-5.7.13-winx64,解压后目录结构如下
转载 1月前
51阅读
定制日历Calendar
原创 2021-09-01 10:38:46
2603阅读
需要写一个日历组件有以下功能,element无法满足,自己造一个只显示当前月日期,前后月日期不显示也不可选择;周六、周日颜色与工作日区分日期可以打标记(左上角标记)可ctrl+shift+鼠标左键多选目录一、 按照 "日", "一", "二", "三", "四", "五", "六" 把一个月的日期排列二、单元格样式处理三、单机、按住ctrl点击、按住shift点击事件处理1.记录键盘按下
index.vue<template> <div> <el-calendar v-model="state.value"> <template #date-cell="{data}"> <div class="el-calendar-day_date-cell date-class
定制日历Calendar
原创 2022-03-10 09:44:12
1627阅读
开发过程中遇到一个令人发指的,一个element-ui无法满足的日历需求, 改造其日历插件的代价太大,于是索性自己手写一个,需求如下:1. 根据开始、结束时间计算时间覆盖的月份,渲染有限的可选择日期 2. 日期下显示每日库存,库存为0的日期不可选择,同时不可作为中间日期被包含选择3. 根据传入的默认选择日期初始化选择状态,若没有传入默认选择日期,初始化选择开始与结束时间3. 其余功能与正
开发过程中遇到一个令人发指的,一个element-ui无法满足的日历需求, 改造其日历插件的代价太大,于是索性自己手写一个,需求如下:1. 根据开始、结束时间计算时间覆盖的月份,渲染有限的可选择日期 2. 日期下显示每日库存,库存为0的日期不可选择,同时不可作为中间日期被包含选择3. 根据传入的默认选择日期初始化选择状态,若没有传入默认选择日期,初始化选择开始与结束时间3. 其余功能与正
效果图如下 使用elementUI的Calendar日历组件组件本身是这个样子要在每个日期格子里加上 班/休 去掉点击事件和 上个月|今天|下个月 的切换数据格式是这样的 分上段和下段let scheduling = [{ staffname: "张三", arrangeHalf: "上午", arrangeStatus: ["班","班","班","班","班","班","班","班","
前言因项目的需要,而且当前组件库并不支持业务,所以,重新对日历组件进行封装。该篇博客就对实现日历的思路进行存档,方便以后的查阅。先上图:UI小哥哥的原型图。接下来的思路都是根据该图进行解说逻辑1.组件的拆分,分出哪些是业务,哪些是基础组件。 整体来说,这就是在日历的基础上添加业务,所以日历组件应该是基础组件,而业务应该是通过插槽插入进去的。那么,右上方的分入分出合计以及每个日历中的分入,分出都是需
前言最近开始整理我们的单页应用框架了,虽然可能比不上MVVM模式的开发效率,也可能没有Backbone框架模块清晰,但是好歹也是自己开发出来而且也用于了这么多频道的东西,如果没有总结,没有整理,没有开源就太可惜了......所以最近开始整理框架相关的东西,争取抽象一点东西出来框架出来还需要一点时间,但是框架会需要相关的UI库,这个东西可以先有思路,最后再根据框架做一点调整吧日历对于UI插件而言还是
实现思路: 1、将日历分为四个部分: 1)日历中要显示的上个月日期部分 2)当月到当天的日期部分 3)当月当前之后的部分(为了实现点击无操作) 4)日历中要显示的下个月日期部分 2、日历的操作: 1)点击上个月日期进入到上个月日历。 2)(当月)点击到当前日期之前的显示当天的报工信息、 (当月之前)点击任意七日都可显示当天的报工信息 3)当月之后不可操作。 4)节假日、休息日点击显示休息日。**注
文章目录一、HTML二、JS三、CSS4、最终效果 可复制查看效果、该代码为完整代码,同时,里面返回的字段可根据自己的业务需求进行更改. 关键字段:dataList是后台传过来需要显示在日历上的数据或任务,同时点击切换月份以及、对应的日期都能返回对应的月份以及当前点击的对象数据,方便进行数据请求等操作。ps:仅做记录,不喜勿喷(下次遇到同样需求,直接赋值黏贴,哈哈哈~)一、HTML<tem
第4章 预约管理-定时任务Quartz、预约设置1. 定时任务组件Quartz【目标】定时任务组件Quartz清除文件上传所产生的垃圾图片【路径】1:Quart介绍掌握场景(定时任务)2:Quartz入门案例spring整合Quartz(spring中配置)3:cron表达式4:cron表达式在线生成器【讲解】1.1. Quartz介绍Quartz是Job scheduling(任务调度)领域的一
转载 2月前
36阅读
图例: 自定义calendar.js,其他页面直接引入就可以/** * @1900-2100区间内的公历、农历互转 * @charset UTF-8 * @Author Jea杨(JJonline@JJonline.Cn) * @Time 2014-7-21 * @Time 2016-8-13 Fixed 2033hex、Attribution Annals * @Time
前言:首先我看到这个需求的时候是懵逼的,这是提出的啥J8需求? 但是想到用户就是上帝,我只是21世纪的高级农民工,马上平复心情回到现实开始动手。逻辑步骤: 1,选出前七天的时间并且过滤掉节假日与周六末,并记录过滤掉了几天,然后继续往前补几天。 2,比如昨天跟前天都是节假日,往前补天的时候会出现补到非节假日的一天然后有补天日期重复的情况,所以需要拿到日期 然后再内部过滤一下重复,如果重复继续往前补。
前言最近开始整理我们的单页应用框架了,虽然可能比不上MVVM模式的开发效率,也可能没有Backbone框架模块清晰,但是好歹也是自己开发出来而且也用于了这么多频道的东西,如果没有总结,没有整理,没有开源就太可惜了......所以最近开始整理框架相关的东西,争取抽象一点东西出来框架出来还需要一点时间,但是框架会需要相关的UI库,这个东西可以先有思路,最后再根据框架做一点调整吧日历对于UI插件而言还是
转载 1月前
72阅读
一、单体后台环境搭建1.新建maven的web项目2.配置Tomcat并启动项目3.集成ssmpom.xml配置<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XM
转载 1月前
107阅读
// 取消日历选中背景.el-calendar-table td.is-selected { background-color: inherit;}// 日历单元格鼠标经过背景色.el-calendar-table .el-calendar-day:hover { background-color: #fafafa;}
原创 2021-07-12 16:06:44
3055阅读
vue-calendar 基于 vue 2.0 开发的轻量,高性能日历组件vue-calendar-component基于 vue 2.0 开发的轻量,高性能日历组件占用内存小,性能好,样式好看,可扩展性强原生 js 开发,没引入第三方库WhyGithub 上很多点击弹出日历选择某个时间的组件,却没有找到单纯展示日历并且能点击获取时间的组件少部分日历组件的占用内存过于大,对于日历这样简单的功能来说
转载 1月前
86阅读
// 取消日历选中背景.el-calendar-table td.is-selected { background-color: inherit;}// 日历单元格鼠标经过背景色.el-calendar-table .el-calendar-day:hover { background-color: #fafafa;}
原创 2022-02-28 16:42:40
1699阅读
  • 1
  • 2
  • 3
  • 4
  • 5