Question

两个日历未在一个php文件中显示。场景如下

我有一个php文件名temp。在这里，我想显示两个日历（上个月和下个月）。

<!DOCTYPE html>

<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<link rel="stylesheet" type="text/css" href="style.css" />

</head>

<body>

<div id="left1"><?php include('calendar_previous.php');?></div>

<div id="right1"><?php include('calendar_next.php');?>hello</div>

</body>

</html>

我的calendar_previous.php是

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript"  src="css/datetimepicker_css.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />

<title>BuildUp Real Estate</title>

<link rel="stylesheet" type="text/css" href="style.css" />

<link rel="stylesheet" type="text/css" href="admin.css" />

<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />

<script type="text/javascript" src="css/jquery.1.4.2.js"></script>

<script type="text/javascript" src="css/jsDatePick_prev.jquery.min.1.3.js"></script>

<script type="text/javascript">

window.onload = function(){

    g_globalObject = new JsDatePick({

        useMode:1,

        isStripped:true,

        target:"inputField1"

    }); 

    g_globalObject.setOnSelectedDelegate(function(){

        var obj = g_globalObject.getSelectedDay();

        alert("a date was just selected and the date is : " + obj.day + "/" + obj.month + "/" + obj.year);

        document.getElementById("div3_example_result").innerHTML = obj.day + "/" + obj.month + "/" + obj.year;

    });





};

</script>

</head>

<body>  

<div id="inputField1"></div>

</body>

</html>

我的calendar_next.php几乎与calendar_previous.php相同，只有两个不同的javascript

<script type="text/javascript" src="css/jquery.1.4.4.js"></script>

<script type="text/javascript" src="css/jsDatePick_next.jquery.min.1.3.js"></script>

当我分别拨打calendar_previous.php和calendar_next.php时，它会正确显示上个月和下个月。但是当我在temp.php中将这两个php文件包含在不同的div中时，只显示一个日历。我想在temp.php中以div显示两个日历。

任何帮助都表示赞赏。

Answer 1

我猜是因为现在你有两个window.onload。所以，这可能会令人不安。您可以尝试将window.onload的内容放到第二页并尝试。

第二个问题可能是jquery冲突。

为此，请按照

进行操作

$s = jQuery.noConflict();

现在将$中的所有文件替换为$s。

这应该可以解决您的问题。告诉我，如果没有。

Answer 2

请参阅此链接

在同一页面上创建了两个datePicker

http://codebins.com/bin/4ldqp81

它使用了您正在使用的Jsdatepick库。

php：两个日历没有显示

2 个答案: