论坛首页 Web前端技术论坛

javascript 日历提醒系统( 兼容所有浏览器 )

浏览 27302 次
精华帖 (2) :: 良好帖 (6) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-04-01   最后修改:2009-05-26

同学们,我已经重新更新了该插件,目前暂没发现任何奇异bug,

更新后调用方法更加简单了。。

 

 

首先说下,更新后插件主要改动的地方

 

1.  以前在$calendar() 中传 id 参数    

            改为 在show() 方法中传该 必须参数                 

        2.  pop() 方法中不需要再传递 id 参数,

                   改为 在 需要使用该插件的 input 元素的 class 属性中加上 calendar$focus               

        3.  show() 方法,提示信息不会在刚移开 改天 就消失,改为 移出 该面板 才消失。这样大家就可以在信息中加上链接了

 

 

方法一:

 

$calendar(language, startYear, endYear).show("id", msgArray);

 

1. language, startYear, endYear: 3个可选参数,默认状态为中文,开始年份为4年前,结束年份位为明年
2. id 参数:必填参数,需要在某一个div内加入该日历。


   注意:一个页面不能在2个地方加入该插件


3. msgArray: 对象数组

   Eg: {
             "2009420": "msg1",
             "20071121": "<a href="#">msg2</a>",
          }

 
   注意: 此数组对象要注意 引号的问题
   注意: 对象名为 日期(年月日)
            年为 2009 此类四位数, 月日 为 1位或2位,当不足2位 不补齐2位

例子:

<body>
    <div id="demo_1"></div>
    <script>
        /*
          // eg1:$calendar().show("demo1");
          // eg2: $calendar(0, 1986, 2015).show("demo1");
          // eg2: $calendar(1, 1990, 2010).show("demo1", { '2009520': 'test1', 'demo2': '<a href="#">test2</a>' });
          // 注意:如果在该处重定义了 语言,开始,结束年份,一定要定义同时定义3个 参数,因为函数内没有对3个参数的指定位置进行判断
        */
    </script>
</body>

 

 

方法二:

$calendar(language, startYear, endYear).pop();

 

1. language, startYear, endYear:与方法一等同;

 

例子:

<body>
    <input class="calendar$focus" />
    <input class="test calendar$focus" />
    <input class="calendar$focus ttttt" />
    <input class="xxxx calendar$focus ttttt" />

    <script>
        /*
          // eg1:$calendar().pop();
        */
    </script>
</body>

 

   发表时间:2009-04-03  
我想问一下,你那个demo-1显示的设置是不是只能在你的demo-1.html
文件里面添加的才行啊,可以直接点击你的日历选择日期然后再添加提示信息的吗?
0 请登录后投票
   发表时间:2009-04-03  
俄...
不是....那个只是一个demo。。。
数据是从你的数据库拿的。。。
0 请登录后投票
   发表时间:2009-04-05  
日历控件不错,不过还不是很强大,也很小巧!
0 请登录后投票
   发表时间:2009-04-07  
非常不错,支持一下。打算进一步测试一下
0 请登录后投票
   发表时间:2009-04-08  
呵呵,非常感谢,希望大家可以 多给点好的想法,让这个小控件更加强大
0 请登录后投票
   发表时间:2009-04-14  
您好,如果一个日期有内容的话其他的月份相同位置都会提示undefine不知道是怎么回事,望楼主解答下。
0 请登录后投票
   发表时间:2009-04-14  
097633 写道
您好,如果一个日期有内容的话其他的月份相同位置都会提示undefine不知道是怎么回事,望楼主解答下。

俄。

这个是个小问题,我 空了  修改下   再重新传上来 。。。赫赫
0 请登录后投票
   发表时间:2009-04-22  
这个日期控件很小巧,但是有一点 我觉得不是很好,就是只有09年一年的(12个月),其他的都很不错
0 请登录后投票
   发表时间:2009-04-22  
要是日历能支持时分秒就好了!
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics