超酷的OpenSource的Javascript Calendar控件

该控件非常漂亮，而且支持用css的方式换肤，支持自定义calendar选择出来的日期格式，支持时间Time选择......

重要的是，IE和Firefox都支持

使用该控件的HTML可以这样写：

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">@import url(calendar-system.css);</style>
    <script type="text/javascript" src="calendar.js"></script>
    <script type="text/javascript" src="calendar-en.js"></script>
    <script type="text/javascript" src="calendar-setup.js"></script>
    </head>
    <body>
    <form>
        <input type="text" id="data" name="data" READONLY />
        <button id="trigger">...</button>
    </form>
    <script type="text/javascript">
    Calendar.setup({
        inputField : "data", // ID of the input field
        ifFormat : "%Y%m%d%H%M", // the date format
        showsTime: true,
        button : "trigger", // ID of the button
        step: 1
    });
    </script>
    </body>
    </html>

需要注意的是，那一段javascript的代码要写在form表单，button定义的后面，否则会说找不到data, trigger这些id对应的界面控件的。

这个项目的主页位于：http://www.dynarch.com/projects/calendar

转载于:https://www.cnblogs.com/super119/archive/2011/03/20/1989369.html

超酷的OpenSource的Javascript Calendar控件相关推荐

ASP.NET Calendar 控件
ASP.NET Calendar 控件 http://www.w3school.com.cn/aspnet/control_calendar.asp 转载于:https://www.cnblogs.c ...
WPF- 关于自定义Calendar控件
由于项目对更改日期时间的需要,接触了一下Calendar控件.结果发现在这么强大的控件的背后,微软其实并没有为开发人员留有很强的扩展性. (项目要求的Calendar控件能对一些特定的日期进行特殊处 ...
vs2010中Calendar控件的一些使用
一.返回指定日期前后的某一日期; // Sets a DateTime to April 3, 2002 of the Gregorian calendar. DateTime myDT ...
怎样用javascript给控件赋值,使在服务器端得到此控件的值？或怎样将前台的(或js)中的值传递到后台
问: 怎样用javascript给控件赋值,使在服务器端得到此控件的值? _______________________________________________________________ ...
分享12款 JavaScript 表格控件（DataGrid）
JavaScript 表格控件可以操作大数据集的 HTML 表格,提供各种功能,如分页.排序.过滤以及行编辑.在本文中,我们整理了13个最好的 JavaScript 表格插件分享给开发人员,开发者可以 ...
ASP.NET 在vs中使用Calendar控件制作一个日历并标注节假日
Calendar控件 Calendar控件可以说用户方便.准确地选择日期或查看与日期相关的数据.当创建Calendar控件中的每个日期单元格均会引发DayRender事件,通过DayRender事件的 ...
ASP.NET Calendar 控件在中文服务器上显示为英文星期的处理
同样的一个软件,部署在十几台服务器上,不同的客户来使用,其中一个使用了Calendar控件的页面,在大多数客户的计算机上都显示为中文,但是有个别服务器输出到客户端显示为英文.检查并修改了IE浏览器的语 ...
vant 2 Calendar控件IOS下空白
今天写代码发现 vant2 Calendar控件的一个BUG. 具体体现为在IOS的真实手机上,某些机型打开后日历显示一片空白,拖动一下就又恢复了正常显示出来了. 使用了解决办法模拟滚动下.关键是时机 ...
ExtJS 日历Calendar 控件使用
ExtJS6 提供了日历控件,但是官网的demo贼坑,只讲了ajax使用,经过不懈努力地,无头苍蝇式尝试,终于摸到了使用门槛. 首先在具体项目里,引用calendar的包. 其次设定好calend ...

超酷的OpenSource的Javascript Calendar控件

超酷的OpenSource的Javascript Calendar控件相关推荐

最新文章

热门文章