位置: 编程技术 - 正文

基于jQuery日历插件制作日历(jquery日历插件代码)

编辑:rootadmin

推荐整理分享基于jQuery日历插件制作日历(jquery日历插件代码),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery日期加减,jquery日历框有长期的选项,jquery日历插件代码,jquery日历插件代码,jquery日期控件 datepicker,jquery日期插件,jquery日历插件代码,jquery日期插件,内容如对您有帮助,希望把文章链接给更多的朋友!

来看下最终效果图吧:

是长得丑了一点,不要吐槽我-。-

首先来说说这个日历主要的制作逻辑吧:

·一个月份最多有天,需要一个7X6的表格去装载

·如果知道了某个月份1号是星期几,这个月份有多少天,一个循环就可以显示某个月的日历了吧(眼睛都放光了*.*)

·加上一些控件让用户可以方便操作吧(比如可以输入年份、月份,可以点击选择年份、月份)

新建一个html文件,html结构:

再加点样式进去,打开浏览器看看效果:

看起来还不错,但是这是一个插件,要写这么多html的代码是不合理的,应该是在这个插件内部动态插入的,这样写也是为了直观演示。

要开始写JS代码了,现在要得知某月的1号是星期几,方便去遍历显示某月的日历出来,这里用到了蔡勒公式

PS:简单解释一下,蔡勒公式:var week = y + parseInt(y/4) + parseInt(c/4) - 2*c + parseInt(*(m+1)/) + d - 1;

基于jQuery日历插件制作日历(jquery日历插件代码)

c是年份的前两位,y是年份的后两份(年,c是,y就是),m是月份,d是日期,把week%7后得出的结果就是星期几但是1,2月要当成上一年的,月进行计算,比如.2.3,就要换算成..3来使用蔡勒公式

week是正数和负数时求模是不一样的,负数时要 (week%7+7)%7,正数时直接求模 week%7,

还有得知道这个月份有多少天,1、3、5、7、8、、月是天,4、6、9、月是天,2月分闰年和平年,平年是天,闰年是天,闰年是能被4整除但不能被整除的,好了有了些前提下,还是能很快写出JS的

  再打开浏览器看看,现在的日历是长这样

打开手机日历看一看,现在是年3月,嗯,长得一毛一样(得意脸)

现在要添加一些控件进去,两个输入框和四个按键,按键是使用了iconfont,html代码如下:

现在的日历是长这样子了

  

现在来给按键们都绑上点击事件,输入框绑上change事件

顺便在initCal()函数里面要把年份和月份的值用JQ的val()方法,放进input框里面就ok啦

结束语:这里呢并没有写成一个插件的形式,但是把这个日历的实现主要思路写好了,最近也是忙着写毕业论文,还有挺多东西想写下来分享的,总是感觉时间不够用,下次写一下怎么将这个日历写成一个chrome插件,就是下面这个

希望本文所述对jquery程序设计有所帮助。

使用jQuery操作HTML的table表格的实例解析 最终效果图:简单来看一下其中的主要部分:HTML:.td_back_color{background-color:red;}.td_center{text-align:center;font-weight:bold;}CSS:tableid="tbl_count"caption春节聚会

Jquery实现简单的轮播效果(代码管用) 废话不多说了,直接给大家贴jquery代码了,具体代码如下所示:!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"titleTitle/titlelinkrel="stylesheet"href="css/index.css"scriptsrc="j

jQuery实现百叶窗焦点图动画效果代码分享(附源码下载) 这是一款基于jQuery的百叶窗焦点图动画,和之前介绍的CSS3百叶窗焦点图动画不同的是,它的兼容性更好,实用性更强,因为它是基于纯jQuery的,基本上

标签: jquery日历插件代码

本文链接地址:https://www.jiuchutong.com/biancheng/384002.html 转载请保留说明!

上一篇:jQuery Html控件基本操作(日常收集整理)(html5 jquery)

下一篇:使用jQuery操作HTML的table表格的实例解析

  • 不含税价格计算方法
  • 个人去税务局开劳务票 税点是多少
  • 旅游业成本交税会计分录怎么做
  • 采购暂估的处理方式
  • 主办会计跟会计有什么区别
  • 发票开错对方已抵扣怎么处理
  • 个人购买股权的法律规定
  • 季度企业所得税可以不预缴吗
  • 发票复印件盖公章
  • 生产企业固定资产折旧
  • 折扣折让 红字发票账务处理
  • 朋友抵押贷款通过我公司名义会怎样
  • 当月用专票是增版还是增量
  • 自行开发的软件如何确认为无形资产
  • 全年一次性奖金计税方式
  • 印花税票计税依据含税吗?
  • 水利基金的计税依据是含税收入还是不含税收入
  • 小规模纳税人开具增值税专用发票
  • 药材种植政策
  • 建筑工程预收款预缴增值税的时间
  • 季度申报财务报表如何更改
  • 采购发票主要包括什么可以根据什么单据流转生成
  • 原材料报废怎么记账
  • safari浏览器开发者模式
  • msmpeng.exe是什么进程
  • 租金摊销表格式
  • 苹果macOSBigSur是什么型号
  • 餐费发票怎么做账务处理
  • 长期挂账的在建工程如何处理
  • 缴纳房产税需要扣除折旧吗
  • php socket编程
  • laravel启动流程
  • 纳税申报包括哪些税种
  • 员工旅游的费用可以税前扣除吗
  • 有哪些天气软件
  • php 通信
  • 资产减值损失的借贷方向
  • 事业单位收到银行利息如何记账
  • 怎么把其他应收款的转到其他应付款
  • 没开票的工程可以结转成本吗
  • 帝国cms视频教程
  • mysql的简单操作
  • 织梦标签理解
  • 应收账款让售会计怎么做
  • 税负率包含哪些税种
  • 出租车票做什么科目
  • MySQL中distinct语句去查询重复记录及相关的性能讨论
  • 哪些属于发票
  • 公司优秀党员奖章
  • 公司清理固定资产怎样交税
  • 查缴个人海外避税所得税
  • 补助是工资以外的吗
  • 多交增值税可以不退吗
  • 融资租赁收到的租金计入什么科目
  • 企业收到财政补助收入账务处理
  • 财产租赁合同印花税怎么缴纳
  • sql注入修补方法
  • centos7rpm安装命令
  • doc怎么使用
  • window10预览在哪里找
  • 如何抛弃七情六欲
  • ubuntu怎么禁用nouveau
  • 一台OpenSuSE系统的服务器的网络配置
  • ubuntu右上角没有键盘
  • win7系统摄像头图标不见了
  • 怎么给文件夹设置密码保护
  • linux分区方案lvm
  • centos6.5怎么安装
  • 一个简单的群规内容
  • 从0开始
  • css filter blur
  • jqgrid动态增加列
  • python中deque
  • javascript入门基础
  • android:fragment
  • android studio 安装步骤
  • 中国进口国外品牌排行榜
  • 支部组织生活会流程
  • 联合国英文全称和缩写
  • 税收与税收管理的关系
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设