javascript - 两个顺序的 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

您只能有一个 body onload 功能。而是创建一个单一的主体 onload 函数并将两个日历添加到它。例子...

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

document.body.onload = load();

此外，我会将 javascript 移动到 html 页面的 head 标记内的单个脚本标记，在 body 标记之前。