`
cpu
  • 浏览: 168105 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JSCal2 日历控件用法

阅读更多
JSCal2有多种界面,功能很丰富.最新版本1.8
官方网站: http://www.dynarch.com/static/JSCal2/index.html
官方文档: http://www.dynarch.com/projects/calendar/doc/
简单使用,如下:
引入相关文件
   <script type="text/javascript" src="/jscal2/js/jscal2.js"></script>
   <script type="text/javascript" src="/jscal2/js/lang/cn.js"></script>
   <link rel="stylesheet" type="text/css" href="/jscal2/css/jscal2.css">
   <link rel="stylesheet" type="text/css" href="/jscal2/css/border-radius.css">
   <link rel="stylesheet" type="text/css" href="/jscal2/css/steel/steel.css">


安装日历控件
  
  <s:textfield id="f_end_date" name="endRange" readonly="true" theme="xhtml"/>
                    <button id="f_start_btn2" onclick="return false;">...</button>
                    <script type="text/javascript">
                        var cal = Calendar.setup({
                            onSelect:function(cal) {
                                cal.hide()
                            },
                            showTime: false
                        });
                        cal.manageFields("f_start_btn1", "f_start_date", "%Y-%m-%d");
                        cal.manageFields("f_start_btn2", "f_end_date", "%Y-%m-%d");
                    </script>
分享到:
评论

相关推荐

    JSCal js日历控件

    总的来说,JSCal js日历控件是前端开发中的一个实用工具,它的灵活性和易用性使其成为构建交互式网页应用的理想选择。通过熟练掌握和利用JSCal,开发者可以为用户提供更加丰富和人性化的日期选择体验。

    JSCal2日历控件简单使用

    JSCal2是一款开源的JavaScript日历控件,它允许用户在网页上方便地选择日期,适用于各种Web应用中的日期输入场景。这款控件以其轻量级、易用性以及高度可定制化的特点受到了开发者们的欢迎。在本文中,我们将探讨...

    基于jscal2单日历与双日历控件的实现

    本文将重点讨论如何基于jscal2这个JavaScript库实现单日历和双日历控件。jscal2是一个功能丰富的日历组件,它可以方便地在网页上添加交互式的日历功能。 首先,我们需要理解jscal2的核心概念。jscal2是一个纯...

    日历控件jscal2.js使用

    **日历控件jscal2.js使用详解** 在网页开发中,日历控件是一种常见的交互元素,用于方便用户选择日期。JSCal2是一款基于JavaScript的开源日历控件,它提供了丰富的自定义选项和良好的用户体验。这篇教程将深入探讨...

    无私奉献Jscal2-1.7

    《无私奉献Jscal2-1.7:一款优秀的JavaScript日历控件》 在Web开发领域,用户界面的交互性和易用性至关重要,而日期选择器作为一种常见的交互元素,经常被用于各种应用中,如事件预订、日程管理等。今天我们要介绍...

    日历控件.rar

    《JavaScript日历控件JSCal2深度解析与应用》 在现代网页设计中,交互性和用户体验至关重要。其中,日历控件作为一种常见的交互元素,能够帮助用户方便地选择日期,广泛应用于各种在线表单、预订系统和时间管理工具...

    日历控件(精美+提示+提醒的功能)

    例如,JSCal2-1.9这个文件可能包含了一个JavaScript实现的日历控件,它可能提供了自定义皮肤、主题支持,使得开发者可以根据需要调整控件的外观,使其与网站或应用程序的其他部分保持一致。 其次,关于“提示功能”...

    日历控件(兼容IE FF)

    "JSCal2-1.5"是一款经典的日历控件,它具有良好的跨浏览器兼容性,包括对Internet Explorer(IE)和Firefox的支持。这款控件允许开发者在网页上轻松集成一个功能丰富的日历组件,用户只需点击即可选取日期,而非手动...

    非常漂亮的JS日历控件

    本文将深入探讨“非常漂亮的JS日历控件”,特别关注JSCal2-1.8这个版本。 ### JSCal2简介 JSCal2是早期流行的JavaScript日历库之一,由Clayfish Designs开发。它的全名是JavaScript Calendar 2.0,版本1.8是其中的...

    三款日历输入文本框的控件

    Calendar3是一款JavaScript编写的轻量级日历控件,它允许用户通过点击一个图标来打开一个日历视图,从而选择日期。这款控件通常与HTML表单中的输入字段配合使用,提供了一种简洁且高效的日期选择方式。Calendar3的...

    配置TextBox的Css属性配置日期选择控件

    "JSCal2"是一个JavaScript日历控件,版本为1.7,它允许开发者在网页上轻松添加交互式的日期选择功能。这个控件不仅提供了基本的日历展示,还支持多语言、自定义样式以及各种事件处理。首先,我们需要在HTML文件中...

    JS日期时间选择控件

    JSCal2是一个历史悠久的JavaScript日历控件,版本1.7可能包含JavaScript文件、CSS样式表、图像资源以及示例或文档,帮助开发者理解和集成这个控件。通过查看这些文件,开发者可以了解控件的工作原理,自定义样式,...

    文本框日历

    6. **响应式设计**:考虑到移动设备的广泛使用,日历控件还需要具有响应式设计,确保在不同屏幕尺寸和设备上都能正常工作。 综上所述,实现"文本框日历"功能涉及了ASP.NET的服务器端编程、客户端的JavaScript交互、...

    一款强大的时间控件,绝对值得使用学习

    【使用学习】要使用和学习JSCal2,开发者需要了解JavaScript基础知识,理解如何在HTML中引入外部脚本文件,以及如何在JavaScript代码中实例化和配置控件。同时,通过查看JSCal2的文档,可以学习到如何自定义样式、...

    js日期控件!很炫的支持多种语言

    JSCal2-1.8是这款控件的一个版本,很可能是一个名为JSCalendar2的JavaScript库。这个库提供了丰富的日期选择功能,包括但不限于: 1. **用户友好界面**:JSCalendar2设计了一个易于理解和使用的界面,用户可以通过...

    JavaScript calendar,好用的日期选择插件

    "JSCal2-1.8"这个文件名可能是指这个日历插件的特定版本,JSCal2可能是这个插件的名字,而1.8可能是其版本号。通常,每个版本都会修复已知问题,增加新功能,或者提升性能,因此使用最新版本通常能获得更好的稳定性...

    jscalendar

    6. **版本更新**: 文件名JSCal2-1.7表明这是JSCalendar的一个版本,版本号1.7可能意味着它已经过多次迭代,修复了之前版本的bug,并可能引入了一些新的特性和改进。 为了在项目中使用JSCalendar,你需要做以下几步...

Global site tag (gtag.js) - Google Analytics