2012-08-27 36 views
0

兩個日曆不顯示在一個php文件中。場景是低於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幾乎是用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.phpcalendar_next.php分開它顯示一個和下一個月份的兩個差相同,以calendar_previous.php正常。但是,當我在temp.php不同的div中包含這兩個php文件時,只顯示一個日曆。我想在temp.php中顯示兩個不同的日曆div

任何幫助表示感謝。

+0

有你的目標應用兩個獨立像1個目標:「inputField1」和2目標:「inputField2」 – gaurang171

+0

@ keyuratcodebins.com目標是分開的,但沒有工作 –

+0

的目標應該是獨立和日期選擇器的對象應該是獨立的像g_globalObject1爲第1頁,g_globalObject2爲第2頁。希望這會有所幫助。 – gaurang171

回答

0

我猜是因爲現在你有兩個window.onload。所以,這可能會令人不安。你可以嘗試的是將window.onload的內容放到第二頁並嘗試。

第二個問題可能是jQuery的衝突。

對於關注該

$s = jQuery.noConflict(); 

現在用$s在文件中的一個替換所有$的。

這應該可以解決您的問題。告訴我如果沒有。

+0

並且還嘗試更改(設置爲兩個不同的)calender_previous和calender_next中的輸入字段的id以及存儲JSDatePick實例的變量的名稱。 –

+0

@UmairKhan變量和輸入字段的名稱現在是不同的名稱,但不起作用。僅在下個月顯示在她的div中。 –

+0

@PrashantSingh不工作兄弟 –

0

請參閱此鏈接

已經創建了兩個日期選擇同一頁上

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

它使用Jsdatepick的同一個庫,你正在使用。

+0

那就是我所說的,合併兩個window.onload,並做一些像你這樣做:D –

+0

@PrashantSingh希望他得到它。 – gaurang171