Fatal编程技术网
  • javascript/
  • Javascript 为什么datepicker没有与DataTables一起出现

Javascript 为什么datepicker没有与DataTables一起出现

javascript jquery

Javascript 为什么datepicker没有与DataTables一起出现,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,我有一个用于存储信息的数据表，我想把数据采集器放在其中。但是在textfield中，我正在编写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</titl

我有一个用于存储信息的数据表，我想把数据采集器放在其中。但是在textfield中，我正在编写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>


无标题文件
$（'#date2'）.jdPicker({
日期格式：“FF dd YYYY”
});


白天
月份/日期
时间
时间到
少金属期
总小时数
星期日
星期一
星期二
星期三
星期四
星期五
星期六
一周结束日期（星期六）
总小时数精确到1/4小时
有人能帮我解决这个问题吗？把这个放在 
<script type="text/javascript">
 $('#date2').jdPicker({
 date_format : "FF dd YYYY"
 });
 </script>


$（'#date2'）.jdPicker({
日期格式：“FF dd YYYY”
});
在这之后

<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>
它将起作用

我找不到您的#日期2以及您为什么使用日期格式：“FF dd YYYY”而不是MM dd YYYY$（'#date2'）.jdPicker（{date_格式：“FF dd YYYY”}）；这是Date2是的，但是你的Div或文本框在哪里，你想让DatePicker具有相同的Id？