在javascript中更改輸入類型=日期的屬性最小值

Question

我有兩個類型為date的輸入字段。

<input id="startdate" type="date" min='@DateTime.Now.AddDays(1).ToShortDateString()' onchange="handler(event)" />
<input id="enddate" type="date" min="@DateTime.Now.AddDays(2).ToShortDateString()" onchange="handler(event)" />

我希望終止日期的最短日期比開始日期中的選定日期早兩天。 到目前為止，我使用腳本添加天數並選擇屬性min。

<script type="text/javascript">
        function handler(e) {
            var someDate = new Date($("#startdate").val());
            document.getElementById("enddate").setAttribute('min', addDays($("#startdate").val(),2));
        }
    </script>

    <script type="text/javascript">
        function addDays(date, days) {
            var result = new Date(date);
            result.setDate(result.getDate() + days);
            return result;
        }
    </script>

這個主張是行不通的。 有任何想法嗎？

Answer 1

使用moment.js

<input id="startdate" type="date" min='' />
<input id="enddate" type="date" min="" />

<!-- import moment.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script>
(function(){
  $('#startdate').attr('min', moment().format('YYYY-MM-DD'))

  $('#startdate').on('change', function(e){
    var startDate = $(this).val();
    var endDate = moment(startDate).add(2, 'days').format('YYYY-MM-DD');
    $('#enddate').attr('min', endDate);
  })
})()
</script>