Hello.   I have had to change my pages recent to Bootstrap format.   One of my pages contained a table that contained a date field that is available for update.  In the past I was able to tie a class to the <input> field and then call datepicker using the class.  Here is the code that I currently have defining the table and the datepicker function call:

         <div class="panel-body">
                   <div class="flextable" id="updateResults" >
                      <table id="checkedTable"
                             class="tablesaw tablesaw-stack table-responsive"
                             data-tablesaw-mode="stack">
                      <thead>
                         <tr>
                            <th>  SEL</th>
                            <th>Schedule Number</th>
                            <th>Contract Year</th>
                              <th>Status</th>
                            <th>Status Date</th>
                          </tr>
                    </thead>
                    <tbody>
                        <c:forEach  var="row" items="${Updresults}">
                          <c:set var="sched" value="${row.getSCHEDULE_NUMBER()}" />
                          <c:set var="eftyear" value="${row.getEFT_CONTRACT_YEAR()}" />
                          <c:set var="EFTstatus" value="${row.getSTATUS()}" />
                          <c:set var="schedcombo"  value="${sched}${eftyear}" />
                           <tr>
                             <td> 
                                 <input style="width:50px;" type="checkbox" id="holdselectedSched"
                                      name="selectedSched" class="pullchecked"
                                      value="<c:out value="${schedcombo}"/>"/> 
                            </td>
                           
                            <td id="ModifyScheduleNumber"><c:out value="${row.getSCHEDULE_NUMBER()}" /></td>
                            <td><c:out value="${row.getEFT_CONTRACT_YEAR()}" /></td>
                            <td>
                                <select style="width:80px" id="ModifyStatus"
                                      name="ModifyStatus_<c:out value="${schedcombo}"/>"
                                      class="form-control">
                                   <c:forEach items="${ModifyList}" var="statusValue">
                                      <option value="${statusValue}"
                                      <c:if test="${statusValue == UpdCMDStatus}"> selected="selected"</c:if>
                                          >${statusValue}</option>
                                    
                                    </c:forEach>
                               </select>
                            </td>
                            <td>
                                <input id="ModifyStatusDate"
                                    name="ModifyStatusDate_<c:out value="${schedcombo}"/>"
                                    type="text" class="form-control date_picker"
                                    value="${row.getSTATUS_DATE()}"/>
                              
                            </td>
                            </tr>
                        </c:forEach>

                       </tbody>
                   </table>
                                      
                </div>

        $(function ()
              {
                              
                 $( ".date_picker" ).datepicker({
                  dateFormat: "yy-mm-dd"   
          
                  }); 
             
              });

I know that my class 'date_picker' is getting pulled because I have some stuff inside the class that it is reading.   I do notice that the 'hasDatepicker' class is added after loading of the dynatable in my 'Inspect element".  I guess what is confusing me is why the DatePicker is working fine on a normal <input> box but not the <input> box inside a <td> tag

Thanks for any help on this