JSCal2 日历控件用法

最新推荐文章于 2019-07-25 03:40:42 发布

Bruceliucn

最新推荐文章于 2019-07-25 03:40:42 发布

阅读量219

点赞数

文章标签： Java F# HTML

本文链接：https://blog.youkuaiyun.com/jlchaoyue/article/details/83669569

版权

本文介绍JSCal2日历控件的使用方法，包括引入相关文件及如何安装和管理日历控件。JSCal2拥有丰富的界面和功能，最新版本为1.8。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>