日历控件推介之:Dynarch.com Calendar

转载 2007年10月12日 15:48:00

日历是 WEB 开发中经常用到的控件之一,在和日期相关的表单里,我们通常需要提供一个日期选择器,方便用户使用、提高用户体验。本文向您推介的是  Dynarch.com 开发的一个日历控件,她功能十分健全,内置多种皮肤,支持多种语言,同时提供了一个配置程序,使用非常方便。本文发布时版本为 1.0。

第一步:包含相关文件
HTML:

  1.  
  2. <!-- 日历控件样式,内置了十种样式 -->
  3. <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
  4.  
  5. <!-- 日历控件主程序 -->
  6. <script type="text/javascript" src="calendar.js"></script>
  7.  
  8. <!-- 日历控件的语言包 -->
  9. <script type="text/javascript" src="lang/calendar-en.js"></script>
  10.  
  11. <!-- 内置的日历控件配置程序,可以让你用几行代码实现控件功能 -->
  12. <script type="text/javascript" src="calendar-setup.js"></script>
  13.  




第二步:根据你的表单元素设置日历控件
HTML:

  1.  
  2. <form action="#" method="get">
  3. <input type="text" name="date" id="f_date_b" /><button type="reset" id="f_trigger_b">...</button>
  4. </form>
  5.  
  6. <script type="text/javascript">
  7. Calendar.setup({
  8. inputField : "f_date_b", // id of the input field
  9. ifFormat : "%m/%d/%Y %I:%M %p", // format of the input field
  10. showsTime : true, // will display a time selector
  11. button : "f_trigger_b", // trigger for the calendar (button ID)
  12. singleClick : false, // double-click mode
  13. step : 1 // show all years in drop-down boxes (instead of every other year as default)
  14. });
  15. </script>
  16.  




内置的配置程序里面提供了丰富的配置参数,能让你实现大多数日历控件功能,具体说明请参考说明文档。


源代码下载地址:
http://prdownloads.sourceforge.net/jscalendar/jscalendar-1.0.zip?download


在线文档:(英文)
http://www.dynarch.com/demos/jscalendar/doc/html/reference.html
 

Extjs4.0日历插件与项目整合的详细介绍

日历插件的calendar目录的src子目录结构介绍 data目录是日历插件的数据集,示例中的数据集分为两类: 1)calendar日历 - CalendarMappin...
  • qq_21949545
  • qq_21949545
  • 2016年10月10日 14:41
  • 1459

Extjs4.0日历插件与项目整合的详细介绍(二)

之前已经细说过日历插件的其中一部分,接下来会对view目录下的文件进行详细的介绍,该目录下的文件多数是控制日历插件的展示的,比如显示到日历表上的div层,禁止可拖拽功能以及按照国内日历的习惯,一周从周...
  • qq_21949545
  • qq_21949545
  • 2016年10月11日 00:56
  • 1597

angularjs-ui-calendar日历插件的使用

公司要求使用angular-ui-calendar做移动端的一个日历模块,之前对angular的接触也不是很多,刚开始看了看真是头都大了,不过现在搞清楚之后感觉真的是so easy。分享自己的一些使用...
  • Charissa2017
  • Charissa2017
  • 2017年05月10日 11:52
  • 3298

calendar.js日历控件

  • 2018年01月15日 11:03
  • 5KB
  • 下载

calendar.html日历与时钟控件的引用html

  • 2018年01月15日 11:05
  • 4KB
  • 下载

DatePicker calendar 日历时间控件

  • 2014年07月11日 17:05
  • 25KB
  • 下载

calendar 10种日历控件打包下载

  • 2010年02月09日 11:06
  • 9.65MB
  • 下载

可折叠的日历控件Calendar

  • 2015年06月19日 14:42
  • 365KB
  • 下载

.NET 日历控件 calendar

  • 2008年07月08日 16:04
  • 19KB
  • 下载

C# MVC 日历calendar自定义控件,记录事件的日历

  • 2018年01月09日 10:39
  • 35.79MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:日历控件推介之:Dynarch.com Calendar
举报原因:
原因补充:

(最多只允许输入30个字)