ถามหน่อยครับ ทำไมผมกดปุ่มบวกแล้วเลือกวันที่ไม่ได้ครับ

  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
<h3>ประวัติข้อมูลหน่วยงานในสังกัด</h3>
                    <table class="table" id="dpm">
                    <tr>
                      <th>รายชื่อหน่วยงาน</th>
                      <th>บทบาท/หน้าที่</th>
                      <th>ตำแหน่ง</th>
                      <th>ว./ด./ป.ที่บรรจุเข้า</th>
                    </tr>
                    <tr id="hr">
                      <td><input type="text" name="dpmname" size="30"></td>
                      <td><textarea name="dpmrolename" cols="32" rows="5"></textarea></td>
                      <td><input type="text" name="dpmtitalname" size="30"></td>
                      <td><input type="text" id="datepicker" name ="datepicker" readonly="readonly"></td>
                      <td>
                      <!--<script language="javascript" src="jquery-1.4.4.min.js" ></script>-->
                      </td>
                    </tr>
                      <script language="javascript" type="text/javascript" >
$(function(){
  
  $("#addRowHRDepartment").click(function(){
   /* var HD ="";
    HD= "<tr>";
    HD+="<td><input type=\"text\" name=\"dpmname\" size=\"30\">";
    HD+= "</td>";
    HD+="<td><textarea name=\"dpmrolename\" cols=\"32\" rows=\"5\"></textarea></td>";
    HD+="<td><input type=\"text\" name=\"dpmtitalname\" size=\"30\"></td>";
    HD+="<td><input type=\"text\" id=\"datepicker\" name =\"datepicker\" readonly=\"readonly\">";
    HD+="</td>";
    HD+="</tr>";
$("#dpm").append($(HD));*/
$("#dpm").append($("#hr").clone(true));
  });
  $("#removeRowHRDepartment").click(function(){
    if($("#dpm tr").size()>2){
      $("#dpm tr:last").remove();
    }else{
      alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
    }
  });     
});