javascript - 如何在两个日期输入中具有相同的年份？

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 3 年前。

Improve this question

我有两个日期输入“from”和“To”我希望两个日期中输入的年份相同

示例:

1. 如果用户在“从”输入中选择“11/03/2017”，则可以在“到”输入中选择“31/12/2017<”/strong>"

2. 如果用户在“从”输入中选择“06/07/2014”，则可以在“到”输入中选择“31/12/2014<”/strong>"

(年份不得超过或早于已选择的年份)

如果用户尝试选择第一个输入中未出现的另一个年份，我们会显示一些警告消息。

    $("#from").on("change", function() {
        validateYear();
        var from = $("#from").val();
        if (from) {
          var maxYear = new Date(from).getFullYear();
          $("#to").attr("max", maxYear+"-12-31");
          $("#to").attr("min", maxYear+"-01-01");
        }
    });

    $("#to").on("change", function(){
        validateYear();
    });

    function validateYear() {
        var from = $("#from").val();
        var to = $("#to").val();
        if(from && to && new Date(from).getFullYear() != new Date(to).getFullYear()) {
            $("#to").val("");
            alert("error");
        }
    }

.from, .to {
    padding:20px;
    text-transform:uppercase;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="from">From</span>
<input id="from" type="date">
<span class="to">To</span>
<input id="to" type="date">

Answer 1

基本逻辑是:

    $("#from").on("change", function() {
        validateYear();
        var from = $("#from").val();
        if (from) {
          var maxYear = new Date(from).getFullYear();
          $("#to").attr("max", maxYear+"-12-31");
          $("#to").attr("min", maxYear+"-01-01");
        }
    });

    $("#to").on("change", function(){
        validateYear();
    });

    function validateYear() {
        var from = $("#from").val();
        var to = $("#to").val();
        if(from && to && new Date(from).getFullYear() != new Date(to).getFullYear()) {
            $("#to").val("");
            alert("error");
        }
    }