热门栏目:  公务员继续教育  专业技术人员继续教育  工勤人员继续教育  路之遥博客

您的位置:首页>路之遥博客>JAVASCRIPT

弹出日历组件-lhgCalendar

2015-11-01 17:24 浏览: 0 字体:〖

摘要: lhgCalendar是一个功能强大且兼容面广的对日历组件,它拥有精致的界面与友好的接口...

    lhgCalendar是一个功能强大且兼容面广的对日历组件,它拥有精致的界面与友好的接口

 
  精简迷你高效
 
  弹出日历分独立版本和jQuery组件2个,独立版本大小才15K,jQuery版本才9K,组件代码采用单列模式,代码组织结构优雅,效率更高。
 
  强大的日期范围限制功能
 
  支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合使用轻松搞定。
 
  细致的用户体验
 
  大部分日期控件都具备功能如:带时间显示,自定义格式,自动纠错,操作按钮自定义,支持多种调用模式等,lhgCalendar在这些方面做得更全面,更人性化,并且速度一流。
 
  跨平台兼容特性
  兼容:IE6+、Firefox、Chrome、Safari、Opera以及iPad等移动设备。
 
  一个引用该js的例子
   <link href="prettify/prettify.css" type="text/css" rel="stylesheet"/>
 
<script type="text/javascript" src="prettify/prettify.js"></script>
<script type="text/javascript" src="lhgcore.min.js"></script>
<script type="text/javascript" src="lhgcalendar.min.js"></script>
 
 
  <script LANGUAGE="JavaScript">
J(function(){
J('#inp5').calendar({ format:'yyyy-MM-dd HH:mm:ss' });
});
  </script>
 </head>
 <body>
  
<h3>引用lhgCalendar的例子</h3>
<pre class="prettyprint">
如下:
</pre>
<p><input class="runcode" id="inp5" style="width:200px;"/></p>
  
  效果展示
   
 
 

你可能也喜欢:

上一篇:你年纪轻轻,为何那么多借口

下一篇:没有了

最近更新

路之遥继续教育网,扫描加好友

技术支持:常州路之遥软件有限公司 版权所有
备案号:苏ICP备09092440号