兩個連續的Java腳本的日期選擇器功能

Question

我使用的是Java腳本日曆日期選取器，我的輸入域和相關的Java腳本是象下面這樣：

<input type="text" class="text date" maxlength="12" name="customerServiceAccountForm:fromDateInput" id="customerServiceAccountForm:fromDateInput"> 

<script type="text/javascript">&lt;!-- 
    document.body.onload = function(){ 
     Calendar.setup({ 
      inputField  : 'customerServiceAccountForm:fromDateInput', 
      ifFormat  : '%Y/%m/%d', 
      showsTime  : false, 
      button  : 'fromCalendar', 
      singleClick  : true, 
      step  : 1, 
      dateType  : 'jalali', 
      range  : [1300,1600] 
    }); 
} 
//--&gt;</script> 

<input type="text" class="text date" maxlength="12" name="customerServiceAccountForm:toDateInput" id="customerServiceAccountForm:toDateInput"> 

<script type="text/javascript">&lt;!-- 
    document.body.onload = function(){ 
     Calendar.setup({ 
      inputField  : 'customerServiceAccountForm:toDateInput', 
      ifFormat  : '%Y/%m/%d', 
      showsTime  : false, 
      button  : 'toCalendar', 
      singleClick  : true, 
      step  : 1, 
      dateType  : 'jalali', 
      range  : [1300,1600] 
     }); 
} 
//--&gt;</script> 

，但在頁面加載時只有最後的日期選擇器顯示問題是什麼，我該如何解決這個問題。順便說一句，這個問題發生後，我圍繞由document.body.onload = function()包裝Java腳本標籤。日期選擇器出了什麼問題，我該如何解決這個問題？

Answer 1

您只能有一個身體載入功能。相反，創建一個單一的主體onload函數並添加兩個日曆。例如...

function load(){ 
    loadCalendar1(); 
    loadCalendar2(); 
} 

document.body.onload = load(); 

另外，我想的JavaScript移動到你的HTML頁面的head標籤內的單個腳本標籤，body標籤之前。