分类：日历

2022
03-17

Vue.js实现日历功能

Vue.js实现日历功能 本文实例为大家分享了Vue.js实现日历功能的具体代码，供大家参考，具体内容如下Github功能需求使用Vue.js实现指定年月的日历表，配合后台接口数据，添加对应日期的空气质量描述等信息。后台传递当月空气质量指数的数据，前端生成日历表后将空气质量指数添加到对应日期上。空气质量数据示例：data.json{"code":200,"msg":"","data":[{"time":"2020-08-01","kqzl":"优"},{"time":"2020-08-0... 继续阅读 >
2022
02-12

Bootstrap+Jquery实现日历效果

Bootstrap+Jquery实现日历效果 本文实例为大家分享了Bootstrap+Jquery实现日历效果的具体代码，供大家参考，具体内容如下一、效果图二、代码本案例中用到了Bootstrap和Jquery，除此之外还有其他的ls和css文件。dateTime.css如下：@charset"utf-8";*{margin:0;padding:0;}body,htmlbody{color:#262626;font:12px/1.5MicrosoftYaHei,tahoma,arial,HiraginoSansGB,sans-serif;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,... 继续阅读 >
2021
12-09

Java使用Calendar类实现动态日历

Java使用Calendar类实现动态日历 本文实例为大家分享了Java使用Calendar类实现动态日历的具体代码，供大家参考，具体内容如下题目：使用Calendar类实现一个动态日历，要求能够通过输入一个年份，月份显示当月的日历布局，并且将周六周天使用"[]"包裹起来，另外要求如果显示为当月日历时，把当天的日期使用"*"标记出来。步骤分析：1.打印日历1.1当月总天数1.2当月第一天是周几（注意：月份是从0开始，星期是从周日（1）开始）2.周末用【】包裹3.当前日期前加*号代码... 继续阅读 >
2021
05-23

用python自动生成日历

效果在Excel日历模板的基础上，生成带有农历日期、节假日、休班等信息的日历，解决DIY日历最大的技术难题。图中日期，第一行为公历，第二行为节假日，第三行为农历，第四行是其他特别的日子，比如生日、纪念日等。特点使用门槛低Python+Excel，会运行Python脚本，会使用Excel即可上手。步骤简单只需要修改Excel的年份（在一月份表头修改），运行一次脚本可扩展可制作任意年份的日历（修改年份即可）可定制可以添... 继续阅读 >
2021
04-07

JavaScript代码实现简单日历效果

JavaScript代码实现简单日历效果 本文实例为大家分享了JavaScript实现简单日历效果的具体代码，供大家参考，具体内容如下效果如下：代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><style>*{margin:0;padding:0;box-sizing:border-box;}#box{width:400p... 继续阅读 >
2021
03-07

JavaScript快速实现日历效果

JavaScript快速实现日历效果 本文实例为大家分享了JavaScript快速实现日历效果的具体代码，供大家参考，具体内容如下效果图代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><style>*{margin:0;padding:0;}#calendar{background-color:#9... 继续阅读 >
2020
12-03

用vue设计一个日历表

日历的功能，我们会经常用到，且逻辑比较复杂，小算法较多，花了半天时间写了个，特此详记。先贴图功能阐述：返回本月不多说，设置工作日和节假日是为了公司制度需要，后台会有假日表来记录。为了适应于vue框架，很多jquery的方法用不上，例如addClass及removeClass，所以可能某些地方做的比较繁琐。<template><div><divclass="date"><!--年份月份--><divclass="month"><iclass="el-icon-arrow-left"@cli... 继续阅读 >
2020
12-02

jQuery实现可以扩展的日历

jQuery实现可以扩展的日历 新的产品需求需要，要写一个这样的日历插件。效果图如下：选择日期后，显示当前可以选择的时间，时间的列表是通过ajax从后台获取的一组数据。而且这个日期存在的情况，还是动态渲染的一个列表里面，再动态渲染的一个日历。例如：此时的步骤图渲染是根据后台给的一个list来渲染的，所以，里面的元素但凡要点击，要交互，就要注意事件冒泡。bootstrap的日历插件，运用起来也没法满足需求，所以被迫自己写了一个日历代码如下：vardat... 继续阅读 >
2020
11-19

微信小程序实现日历小功能

微信小程序实现日历小功能 本文实例为大家分享了微信小程序实现日历功能的具体代码，供大家参考，具体内容如下代码<!--日历--><viewclass="gradient"><viewclass="box"><viewclass="spaceAroundCenterflex_align_justify_b"><viewclass="flex-item"><viewclass="item-contentflex_align_justify_c"bindtap="doDay"data-key='left'><viewclass="glyphiconglyphicon-triangle-left"><van-iconname="arrow-left"class="flex_... 继续阅读 >
2020
11-16

JavaFX实现简单日历效果

JavaFX实现简单日历效果 本文实例为大家分享了JavaFX实现简单日历效果的具体代码，供大家参考，具体内容如下1.先看效果：2.代码：1）ClockEdge.java类这个类（Pane）主要是用来设置时钟边缘（为了美观对直了半天，其实想想也没必要~。~）packagecom.javaBasic.javaFX;importjavafx.scene.layout.Pane;importjavafx.scene.paint.Color;importjavafx.scene.shape.Circle;importjavafx.scene.shape.Line;importjavafx.scene.text.Text;/***@vers... 继续阅读 >
2020
11-08

js实现日历

这周写自己的项目发现又用到日历了，加之自己毕业之后的第一个工作中遇到的任务也是需要写个日历(组员写了，我就不用写了)今天就来好好折腾一下日历是怎么写的。首先，我们看看windows的日历。发现总共有这么几个元素。先实现试试。1.年份的选择、月份的选择2.周一~周日(周日~周六)3.日历格子6*7=42从数据的角度来分析日历的实现是比较简单的1.我们需要显示一个当前时间的结构-newDate()2.我们需要显示当月的信息-[... 继续阅读 >