Question

我有一个用于存储信息的数据表，我想将数据加载器放入其中。但是在文本字段中，我正在编写datepicker函数，但它无效。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
    <link href="css/jquery.contextMenu.css" rel="stylesheet" type="text/css" />
    <link href="../css/jdpicker.css" rel="stylesheet" type="text/css" />
     <link href="../css/table.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../js/jquery-1.8.3.min.js" ></script>
    <script type="text/javascript" src="../js/jquery.contextMenu.js" ></script>
    <script type="text/javascript" src="../js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="../js/jquery.jdpicker.js"></script>
    <script type="text/javascript" src="../js/page-common.js"></script>
  </head>

 <script type="text/javascript">
 $('#date2').jdPicker({
 date_format : "FF dd YYYY"
 });
 </script>

<body>
<br/>
<table  border="1" align="center" >
<thead>
  <tr>
  <th>DAY</th>
<th>MONTH/DATE</th>
 <th>TIME IN</th>
<th>TIME OUT</th>
 <th>LESS METAL PERIOD</th>
<th>TOTAL HOURS</th>
  </tr>
  </thead>
  <tbody>
  <tr>
   <td>SUNDAY</td>
  <td> <input type="text" id="date2" />

 </td>
  <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
 </tr>
  <tr>
     <td>MONDAY</td>
    <td>&nbsp;</td>
 <td>&nbsp;</td>
    <td>&nbsp;</td>
 <td>&nbsp;</td>
    <td>&nbsp;</td>
   </tr>
   <tr>
    <td>TUESDAY</td>
     <td>&nbsp;</td>
   <td>&nbsp;</td>
     <td>&nbsp;</td>
 <td>&nbsp;</td>
     <td>&nbsp;</td>
   </tr>
   <tr>
   <td>WEDNESDAY</td>
    <td>&nbsp;</td>
 <td>&nbsp;</td>
     <td>&nbsp;</td>
 <td>&nbsp;</td>
   <td>&nbsp;</td>
   </tr>
  <tr>
      <td>THURSDAY</td>
      <td>&nbsp;</td>
  <td>&nbsp;</td>
      <td>&nbsp;</td>
  <td>&nbsp;</td>
     <td>&nbsp;</td>
    </tr>
  <tr>
  <td>FRIDAY</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
    <td>&nbsp;</td>
 <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
   <td>SATURDAY</td>
  <td>&nbsp;</td>
 <td>&nbsp;</td>
     <td>&nbsp;</td>
 <td>&nbsp;</td>
   <td>&nbsp;</td>
 </tr>
  <tr>
   <td>WEEK ENDING DATE(SATURDAY)</td>
   <td>&nbsp;</td>
 <td>&nbsp;</td>
     <td>&nbsp;</td>
 <td>&nbsp;</td>
   <td>TOTAL HOURS TO NEAREST 1/4 HOURS</td>
  </tr>
  </tbody>


</table>

</body>
</html>

任何人都可以帮助我解决方案

Answer 1

把它放在之前

<script type="text/javascript">
 $('#date2').jdPicker({
 date_format : "FF dd YYYY"
 });
 </script>

之后

<script type="text/javascript" src="../js/jquery-1.8.3.min.js" ></script>    
<script type="text/javascript" src="../js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../js/jquery.jdpicker.js"></script>

它会起作用

为什么datepicker不与DataTables一起出现

1 个答案: