选择心仪的日历插件

最新推荐文章于 2024-05-04 19:32:37 发布

Liangjing-forest

最新推荐文章于 2024-05-04 19:32:37 发布

阅读量657

点赞数

本文链接：https://blog.csdn.net/weixin_43510790/article/details/83352993

版权

Hello，程序媛师妹~来分享咯
昨天是程序员节日，祝大家节日快乐哈
这篇文章从昨天写到现在……
表扬一下10.24依然奋斗在电脑旁的所有小伙伴！

10月24日是属于程序员们的共同节日，以节日向改变世界、固执地坚持对于知识、技术和创新不断追求的程序员们表示致敬。1024是2的十次方，二进制计数的基本计量单位之一。程序员(Programmer)是从事程序开发、维护的专业人员。程序员就像是一个个1024，以最低调、踏实、核心的功能模块搭建起这个科技世界。1GB=1024M，而1GB与1级谐音，也有一级棒的意思。
　　
今天给大家分享的是一个日历·插件。

1.官网：http://www.my97.net/demo/index.htm
2.文件包下载地址：http://www.my97.net/down.asp
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>日历插件</title>
		<link rel="stylesheet" href="My97DatePicker/skin/WdatePicker.css" />
		<script src="My97DatePicker/WdatePicker.js"></script>
	</head>
	<body>
	    <!--月份-->
		<input type="text" class="Wdate" onclick="WdatePicker()"/>
		<input type="text" onclick="WdatePicker({el:this,deteFmt:'YYYY-MM-dd'})"/>
		<!--双月-->
		<input type="text"id="hh" onclick="WdatePicker({doubleCalendar:true,deteFmt:'yyyy-mm-dd'})"/>
		<!--按钮-->
		<button onclick="WdatePicker({el:'hh',doubleCalendar:true,deteFmt:'yyyy-mm-dd'})">hello</button>
		<!--高亮-->
		<input id="dd" type="text" class="Wdate" onclick="WdatePicker({specialDays:[1,5]})"/>
	</body>
</html>

在class=“Wdate”后input会增加一个日历小图标，会显得好看一些哦

注意哦：一定要引入（WdatePicker.css和WdatePicker.js）！！！
内容很多，要多看实例，然后分析理解，会加深印象！

接下来是介绍特别的样式，效果很酷炫吧，点开看看，值得拥有哦！
案例网址：http://sc.chinaz.com/tag_jiaoben/RiLiChaJian.html
在这里插入图片描述
提醒一下：如果忘记了，一定要记得参考一下源代码，再进行适当的修改，这样不仅可以节约很多时间，也可以根据用户不同的要求选择适合的插件样式，适合你的就是最好的。

介绍完毕啦，明白了吗？不明白的可以加微信 Liangjing-forest 探讨一下哦。

只要没有Bug
天天都是1GB

美好的一天从熬夜开始……

Liangjing-forest

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
选择心仪的日历插件

Hello，程序媛师妹~来分享咯昨天是程序员节日，祝大家节日快乐哈这篇文章从昨天写到现在……表扬一下10.24依然奋斗在电脑旁的所有小伙伴！10月24日是属于程序员们的共同节日，以节日向改变世界、固执地坚持对于知识、技术和创新不断追求的程序员们表示致敬。1024是2的十次方，二进制计数的基本计量单位之一。程序员(Programmer)是从事程序开发、维护的专业人员。程序员就像是一个个102...
复制链接

扫一扫