前端实现日期限制（不能选取某个时间点之前或之后的时间）

HTML

生产日期：
<input id="comDate" name="comDate" value="<fmt:formatDate pattern="yyyy-MM-dd" value="${commodity.comDate}"/>" type="date" required="" max=""/>
过期日期：
<input id="outDate" name="outDate" value="<fmt:formatDate pattern="yyyy-MM-dd" value="${commodity.outDate}"/>" type="date" required="" min=""/>

<script>
$("#comDate").on("click", function () {
        //当前时间
        var date_now = new Date();
        //得到当前年份
        var year = date_now.getFullYear();
        //得到当前月份
        // js中获取Date中的month时，会比当前月份少一个月，所以这里需要先加1
        // 判断当前月份是否小于10，如果小于，那么就在月份的前面加一个 '0' ， 如果大于，就显示当前月份
        var month = date_now.getMonth() + 1 < 10 ? "0" + (date_now.getMonth() + 1) : (date_now.getMonth() + 1);
        //得到当前日期
        var date = date_now.getDate() < 10 ? "0" + date_now.getDate() : date_now.getDate();
        //设置input标签的max属性,不能选取这个时间点之后的时间
        $("#comDate").attr("max", year + "-" + month + "-" + date);
        document.getElementById('outDate').value = "";
    })
    $("#outDate").on("click", function () {
        var oldDate = document.getElementById('comDate').value;
        //设置input标签的min属性,不能选取这个时间点之前的时间
        $("#outDate").attr("min", oldDate);
    })
</script>