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

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，则只需return; 。
2. 在首次执行点击处理程序时，请禁用整个压延机（这本身有很多方法）