日付jquery関数がテーブル行で機能しない

Question

ロジックでは、最初に各行の開始日を選択してからボタンをクリックすると、スキップ日に結果の日付が表示されます。何らかの理由で、私のコードは動作していません。 var start = $row.find('.date').val());

$(".add").on('click', function() { 
 

 
    var $row = $(this).closest('tr'); 
 
    
 
    var start = $row.find('.date').val(); 
 
if (start) { 
 

 
    var set = new Date(start); 
 

 
    set.setDate(set.getDate() + Number($row.find(".day").val())); 
 

 
    $row.find(".result").val([set.getMonth() + 1, set.getDate(), set.getFullYear()].join('/')); 
 
} 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 
<table id="one"> 
 
    <th>Date</th> 
 
    <th>Skip days</th> 
 
    <th>Result</th> 
 
    <tbody> 
 
    <tr> 
 
     <td> 
 
     <input type="date" class="date"><button class="add" type="button">OK</button></td> 
 
     <td><input type="text" value="3" class="day"> </td> 
 
     <td><input type="text" class="result"> </td> 
 
    </tr> 
 

 
    <tr> 
 
     <td> 
 
     <input type="date" class="date"><button class="add" type="button">OK</button></td> 
 
     <td><input type="text" value="3" class="day"> </td> 
 
     <td><input type="text" class="result"> </td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 1

$(".add").on('click', function() { 
 

 
    var $row = $(this).closest('tr'); 
 
    
 
    var start = $row.find('.date').val()); 
 
if (start) { 
 

 
    var set = new Date(start); 
 

 
    set.setDate(set.getDate() + Number($row.find(".day").val())); 
 

 
    $row.find(".result").val([set.getMonth() + 1, set.getDate(), set.getFullYear()].join('/')); 
 
} 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 
<table id="one"> 
 
    <th>Date</th> 
 
    <th>Skip days</th> 
 
    <th>Result</th> 
 
    <tbody> 
 
    <tr> 
 
     <td> 
 
     <input type="date" class="date"><button class="add" type="button">OK</button></td> 
 
     <td><input type="text" value="3" class="day"> </td> 
 
     <td><input type="text" class="result"> </td> 
 
    </tr> 
 

 
    <tr> 
 
     <td> 
 
     <input type="date" class="date"><button class="add" type="button">OK</button></td> 
 
     <td><input type="text" value="3" class="day"> </td> 
 
     <td><input type="text" class="result"> </td> 
 
    </tr> 
 
    </tbody> 
 
</table>

あなたは余分な )で持っています

Answer 2

このラインの最後でこの)を削除します。おかげで