Question

我开发了一个包含PHP，Javascript和CSS的请假页面。我需要当用户在两个日期字段中选择相同的日期时，然后将显示带有两个单选按钮的选项的div，用于半日休假或全天休假，如果有任何可能性，请建议我..

Answer 1

我们可以使用jQuery的.val()方法来检查日期值。如果其中两个相等，则使用.show()显示额外元素，否则使用.hide()不显示它们。

Start: <input type="date" name="s" id="s" onchange="check()"><br>
End: <input type="date" name="e" id="e" onchange="check()">
<div id="detail" style="display:none">
    <select>
        <option>Full day</option>
        <option>Half day</option>
    </select>
</div>

function check() {
    if ($('#s').val() == $('#e').val()) {
        $('#detail').show();
    } else {
        $('#detail').hide();
    }
}

fiddle

PHP - 填充两个日期字段时加载带过滤选项的div

1 个答案: