一款简洁大气的jquery日期日历插件

本jquery插件名为manhuaDate，暂时只支持jquery 1.9.0以下版本，比如jquery-1.8.3.min.js

查看效果网址：
http://keleyi.com/a/bjad/emf1jc13.htm

示例代码如下：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>一款简洁大气的jquery日期日历插件-柯乐义 </title>
 6 <link rel="stylesheet" type="text/css" href="http://keleyi.com/keleyi/phtml/jqtexiao/21/css/manhuaDate.1.0.css">
 7 <script src="http://keleyi.com/keleyi/pmedia/jquery-1.8.3.min.js" type="text/javascript"></script>
 8 <script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqtexiao/21/js/manhuaDate.1.0.js"></script>
 9 <script type="text/javascript">
10 $(function () {
11
12 $("input.mh_date").manhuaDate({
13 Event: "click", //可选
14 Left: 0, //弹出时间停靠的左边位置
15 Top: -16, //弹出时间停靠的顶部边位置
16 fuhao: "-", //日期连接符默认为-
17 isTime: false, //是否开启时间值默认为false
18 beginY: 1949, //年份的开始默认为1949
19 endY: 2100//年份的结束默认为2049
20 });
21
22 });
23 </script>
24 </head>
25 <body>
26 <div>
27 <h1>
28 一款简洁大气的jquery日期日历插件·柯乐义</h1>
29 <input type="text" class="mh_date" readonly="true" />&nbsp;
30 <input type="text" class="mh_date" readonly="true" />&nbsp;
31 <input type="text" class="mh_date" readonly="true" />&nbsp;
32 <input type="text" class="mh_date" readonly="true" />
33 <br />
34 <br />
35 <br />
36 <br />
37 <br />
38 </div>
39 <div style="width: 600px; margin: 0 auto; text-align: center; font-size: 12px;">
40 <p>
41 由柯乐义整理，查看更多特效：【<a href="http://keleyi.com/" target="_blank">柯乐义</a>】<a href="http://keleyi.com/a/bjad/emf1jc13.htm" target="_blank">原文</a></p>
42 <p>
43 ＊尊重他人劳动成果，转载请自觉注明出处！注：此代码仅供学习交流</p>
44 <p>
45 </p>
46 </div>
47 </body>
48 </html>

web前端：http://www.cnblogs.com/jihua/p/webfront.html

转载于:https://www.cnblogs.com/jihua/p/manhuadate.html

一款简洁大气的jquery日期日历插件相关推荐

用html完成编辑日程,10款jQuery实现对简洁大气的日程安排日历
1.基于jQuery实现的网站首页宽屏幻灯片 jQuery网站首页宽屏幻灯片代码是一款基于jquery+css3实现的带有弹性平滑动画切换效果的jquery特效,此段代码适应于所有想要的网页的使用,有 ...
9 款样式华丽的 jQuery 日期选择和日历控件
现在的网页应用越来越丰富,我们在网页中填写日期和时间已经再也不用手动输入了,而是使用各种各样的日期时间选择控件,大部分样式华丽的日期选择和日历控件都是基于jQuery和HTML5的,比如今天要分享的这 ...
粽子SHOP-粽子商城官网-一款简洁大气的官网源码
介绍: 一款简洁大气的官网源码,无后台,直接上传服务器或主机即可,可自行编辑内容非常实用的个人介绍页面,大家需要的自行下载! 网盘下载地址: http://zijieyunpan.com/OSdKfa ...
jQuery实现移动端手机选择日期日历插件
效果图 calendar.css html, body {color: #333;margin: 0;height: 100%;font-family: "Microsoft YaHei&q ...
【精心挑选】推荐几款非常棒的 jQuery 全景图片展示插件
之前的文章向大家分享了实现网站功能的各种插件,今天这篇文章向大家推荐7款精心挑选的 jQuery 全景图片展示插件,同时还有非常详细的制作教程可以参考.全景图片展示是一种非常有趣的技术,通过把多张图片 ...
jquery 日期显示插件_8+ jQuery 360度图像显示插件
jquery 日期显示插件就像"全景"一样,这些jQuery 360度图像显示插件惊人地可以从各个角度显示对象/风景的360度视图 . (嘿–从各个角度看东西肯定会更有趣!). ...
分享8款简单大气的jQuery/CSS3图片特效
自从jQuery问世以后,网页上就流行很多漂亮的图片效果,像淡入淡出或者焦点图等,但是,现在jQuery结合CSS3,我们可以打造更美观更实用的图片特效.下面分享8款简单而又大气的jQuery/CSS ...
日历单选年 android,手机版单选多选日期日历插件
jQuery日历插件支持自定义样式颜色多选单选日历告别切换状态重置.告别样式太死板,可以联系我继续修改,联系邮箱: zd_9022952@163.com.邮件内容为:想添加什么样的功能等. 使 ...
jquery日期选择插件
这个插件最近发现有一个小Bug,已经修改过. 又写了一个日期选择插件,大家看代码吧,不知怎么的,老是上传不了资源文件了 /* * $-color 0.1 - New Wave Javascript * ...

一款简洁大气的jquery日期日历插件

一款简洁大气的jquery日期日历插件相关推荐

最新文章

热门文章