logo
搜索
我的图书馆

发文章

发文工具

其他工具

留言交流
搜索
分享

JavaScript动态生成Calendar日历

 风逝绚影 2013-03-15

calendar输出：

        

 

html页面调用方法：

 JS代码

  1. <html>

  2. <head>

  3. <script type="text/javascript" src="calendar.js"></script>

  4. ///src引用该calendar
  5. </head>
  6. <body>
  7.         时间：<input type="text" name="applyBegin" id="applyBegin" style="width:120px;"/>至
  8.                   <input type="text" name="applyEnd" id="applyEnd" style="width:120px;"/>
  9.          时间：<input type="text" name="viBegin" id="viBegin" style="width:120px;" />至
  10.                   <input type="text" name="viEnd" id="viEnd" style="width:120px;"/>
  11. </body>

  12. </html>

  13. ///页面中可以添加多个input 文本框，点击文本框，则出现上图的calendar。选择日期后相应的文本框中显示日期

  15. <script type="text/javascript">     
  16.     var c = new Calendar("c");       //定义calendar对象
  17.     document.write(c);
  18.     validDatetime("applyBegin","applyEnd");      ///起始时间和结束时间的控件id
  19.     validDatetime("viBegin","viEnd");                
  20.     document.onclick = closeCalendar;    ///点击页面的calendar之外的地方，则calendar关闭
  21. </script>

 

carlendar：

        下载js代码

    本站是提供个人知识管理的网络存储空间，所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请点击一键举报。
    转藏 分享 献花（0）

    来自： 风逝绚影 > 《待分类1》

    举报/认领

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多