Question

我已复制以下代码进行练习：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
    function GetDays(){
            var dropdt = new 
Date(document.getElementById("drop_date").value);
            var pickdt = new 
Date(document.getElementById("pick_date").value);
            return parseInt((dropdt - pickdt) / (24 * 3600 * 1000));
    }

    function cal(){
    if(document.getElementById("drop_date")){
        document.getElementById("numdays2").value=GetDays();
    }  
}

 </script>
</head>
<body>
<div id="reserve_form">

<div id="pickup_date"><p><label class="form">Pickup Date:</label><input 
type="date" class="textbox" id="pick_date" name="pickup_date" 
onchange="cal()"</p></div>

<div id="dropoff_date"><p><label class="form">Dropoff Date:</label><input 
type="date" class="textbox" id="drop_date" name="dropoff_date" 
onchange="cal()"/></p></div>

 <div id="numdays"><label class="form">Number of days:</label><input 
type="text" class="textbox" id="numdays2" name="numdays"/></div>

</div>
</body>

如何关闭pickup date框并设置当前日期？而且无法调节并且number of days也变灰：这样也无法调整，但仍然可以使结果返回。

Answer 1

您必须首先使用SimpleDate('05/02/19')禁用输入元素的提取日期。

下一步，获取当前日期并将其分配给disabled

<input type="date" class="textbox" id="pick_date" name="pickup_date" disabled />

要计算日期差异，您应该首先查看其unix时间戳之间的差异。然后您可以使用pick_date

document.getElementById("pick_date").value = new Date().toISOString().slice(0,10);

https://jsfiddle.net/ktr7z024/2/

HTML淡出选择日期并设置当前日期

1 个答案: