PHPCMS里的日历插件及在IE下报Calendar未定义

日历代码:

<link rel="stylesheet" type="text/css" href="calendar/jscal2.css"/>
<link rel="stylesheet" type="text/css" href="calendar/border-radius.css"/>
<link rel="stylesheet" type="text/css" href="calendar/win2k.css"/>
<script type="text/javascript" src="calendar/calendar.js"></script>
<script type="text/javascript" src="calendar/lang/en.js"></script>
    <tr>
        <th>上线时间 :</th>
        <td><input type="text" name="subject[fromdate]" id="fromdate" value="" size="10" class="date" readonly>&nbsp;<script type="text/javascript">
            Calendar.setup({
            weekNumbers: true,
            inputField : "fromdate",
            trigger    : "fromdate",
            dateFormat: "%Y-%m-%d",
            showTime: false,
            minuteStep: 1,
            onSelect   : function() {this.hide();}
            });
        </script></td>
    </tr>
    <tr>
        <th>下线时间 :</th>
        <td><input type="text" name="subject[todate]" id="todate" value="" size="10" class="date" readonly>&nbsp;<script type="text/javascript">
            Calendar.setup({
            weekNumbers: true,
            inputField : "todate",
            trigger    : "todate",
            dateFormat: "%Y-%m-%d",
            showTime: false,
            minuteStep: 1,
            onSelect   : function() {this.hide();}
            });
        </script></td>
    </tr>
    

在IE下报Calendar未定义:

调用时在IE下报  “Calendar”未定义  的错误,致使日期控件无法使用
 
     原因是由在IE下,calendar.js文件加载没有阻塞Calendar.setup()方法的运行,Calendar.setup()在calendar.js未加载的情况,就开始执行了,所以就报出“Calendar”未定义  的错误
 
解决办法:
找到phpcmsbs/class/form.class.php文件
在174到182行

Calendar.setup({
weekNumbers: ‘.$showweek.‘,
   inputField : "‘.$id.‘",
   trigger    : "‘.$id.‘",
   dateFormat: "‘.$format.‘",
   showTime: ‘.$showsTime.‘,
   minuteStep: 1,
   onSelect   : function() {this.hide();}
});

改成:
$(function(){
Calendar.setup({
weekNumbers: ‘.$showweek.‘,
   inputField : "‘.$id.‘",
   trigger    : "‘.$id.‘",
   dateFormat: "‘.$format.‘",
   showTime: ‘.$showsTime.‘,
   minuteStep: 1,
   onSelect   : function() {this.hide();}
});
});

PHPCMS里的日历插件及在IE下报Calendar未定义

时间: 2024-10-06 23:01:45

PHPCMS里的日历插件及在IE下报Calendar未定义的相关文章

javascript日历插件

最近在尝试着写javascript日历插件,所以也到github上看国外人日历源码,或者国内人写的好点的,也在研究点,虽然看到网上有一大把的日历控件,但是没有几个是自己想要的,虽然效果是实现了,但是看他们的源码,头有点大,所以自己也在研究这方面的东西.周末用了2天来研究别人写的代码 自己也试着做做demo,今天正好基本功能完成了,所以趁着这个机会分享下:我们可以先来看看效果:JSFiddler地址如下: demo链接请点击我 基本的配置如下:    targetCls '',    输入框dom

Zabuto Calendar 日历插件使用指南

Zabuto Calendar 日历插件demo翻译 日历插件需要依赖于JQuery和Twitter的bootstrap来让函数正确的运行:在引入javascript和css样式表后就可以使用这个插件和库,然后通过定义一个DOM元素和初始化插件来观察日历插件: 案例1:<!-- include jQuery / Bootstrap -->...<!-- include the calendar js and css files --><script src="../

Kalendae——一款功能强大的日历插件

url:http://zjingwen.github.io/SetTimeOutGoBlog/kalendae/index.html (如果打开过慢,或者打不开,原因你懂得.) 一.Kalendae--一款功能强大的日历插件,英文版的,我英文太渣,有没有找到,中文文档.只能自己慢慢翻译,鼓捣了. 二.基本信息 Kalendae支持多种日历样式,可双联.单联.多联,支持单选日期,多选日期.联排选择.跨月选择.而且依赖图片极少,对于使用css来重构UI界面,非常有利. 依赖于了kaledae.js.

根据一篇js日历插件改写的

1 <!-- 2 控件调用示例: 3 --> 4 5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 6 7 <html xmlns="http://www.w3.org/1999/xhtml"> 8 9 <he

【UI插件】简单的日历插件(下)—— 学习MVC思想

前言 我们上次写了一个简单的日历插件,但是只是一个半成品,而且做完后发现一些问题,于是我们今天尝试来解决这些问题 PS:距离上次貌似很久了 上次,我们大概遇到哪些问题呢: ① 既然想做一套UI库,那么就应该考虑其它UI库的接入问题 这个意思就是,我们的系统中所有UI插件应该有一些统一行为,我们如果希望统一为所有的插件加一点什么东西,需要有位置可加 这个意味着,可能我们所有的插件需要继承至一个抽象的UI类,并且该类提供了通用的几个事件点 ② 上次做的日历插件虽然说是简单,其耦合还是比较严重的(其实

基于jQuery的日历插件

上个星期看到同事做一个有关日历提醒功能的需求,为了找个插件也是费了不少心思,然后刚好有时间就试着写了一个简单demo 来看下最终效果图吧: 是长得丑了一点,不要吐槽我-.- 首先来说说这个日历主要的制作逻辑吧: ·一个月份最多有31天,需要一个7X6的表格去装载 ·如果知道了某个月份1号是星期几,这个月份有多少天,一个循环就可以显示某个月的日历了吧(眼睛都放光了*.*) ·加上一些控件让用户可以方便操作吧(比如可以输入年份.月份,可以点击选择年份.月份) 新建一个html文件,html结构: <

JavaScript之jQuery-7 jQuery 使用插件(使用插件、日历插件、表单验证插件)

一.jQuery 使用插件 插件的查找与帮助 - jQuery 官方网站的插件库(http://plugins.jquery.com) 提供了大量的插件.并给出去了每个插件的用户评级.版本及bug等 - 库中列出了每个插件的ZIP文件下载.演示.示例代码及教程 使用插件 - step 1:将插件包导入到页面中,并确保它在jQuery源文件之后 <script src="jqeury-1.11.1.js"></script> <script></

重写的HTML5酒店入住日期选择日历插件

<!DOCTYPE HTML><html lang="zh-CN"><head><title>接触角测定仪</title><script src="http://www.codefans.net/ajaxjs/jquery-1.6.2.min.js" type="application/javascript" language="javascript">&

EasyUI Calendar 日历插件,只显示年月。

从别人的博客园搬过来的,放在这里只是为了方便自己用.已经注明原文出处,尊重别人的劳动成果. 原文地址:http://www.cnblogs.com/hmYao/p/5779463.html 此日历插件依赖于easyui的js和css. html: <input id="db" /> js: 初始化加载db标签 $('#db').datebox({ onShowPanel: function() { //显示日趋选择对象后再触发弹出月份层的事件,初始化时没有生成月份层 spa