如何在第一次单击后禁用日历的单击？[已编辑解决方案]

Question

我在我的应用程序中使用 DHTML 日历。 单击日期后，会执行表单提交操作。

我想在第一次点击后禁用日历，以便用户无法在表单提交之前点击其他日期。

我的代码是

<SCRIPT type="text/javascript">

function dateChanged(calendar) 
{
    // Beware that this function is called even if the end-user only
    // changed the month/year. In order to determine if a date was
    // clicked you can use the dateClicked property of the calendar:
    if (calendar.dateClicked) {
    // OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
    var y = calendar.date.getFullYear();
    var m = calendar.date.getMonth() + 1; // integer, 0..11
    var d = calendar.date.getDate(); // integer, 1..31
    var NewDate = y + "-" + m + "-" + d;
    document.getElementById("<?=$mydata[FILTER]?>").value = NewDate;
    submitForm();
}




    var tempDate = new Date(<?=$CalDate?>);
    Calendar.setup({
            flat        : "<?=$mydata[FILTER]?>_show_date",     // ID of the parent element
            flatCallback:dateChanged,                                           // our callback function
            weekNumbers:false,                                              // Don't display week numbers
            date        : tempDate      
                    // Set calendar to start at selected date
        });

    document.getElementById("<?=$mydata[FILTER]?>").value = '<?=$mydata[FILTER]?>';

我为此做了一个解决方案 我禁用了 div 和 div 的所有子元素 使用代码

**var nodes = document.getElementById("13-1_show_date").getElementsByTagName('*');
for(var i = 0; i < nodes.length; i++)
{                                               
nodes[i].disabled = true;
}     
submitForm();**

此代码将在第一次单击后禁用 div 及其子级。

Answer 1

这个问题是一个经典问题，解决方法有很多种：

1. 使用一个名为isClciked的临时变量，并在第一次点击时将其设置为true，在后续点击中检查它，如果为true，则只需返回；。
2. 第一次执行点击处理程序时，禁用整个日历（这本身有很多方法）