Php 日期选择器未正确显示。我想有什么东西干扰了它_Php

Php 日期选择器未正确显示。我想有什么东西干扰了它

php

Php 日期选择器未正确显示。我想有什么东西干扰了它,php,Php,我的约会选取器有问题或者代码有问题。我认为有什么东西干扰了它，因为我使用了另一个示例中的这个日期选择器代码。无论何时单击文本框，日期选择器都不会显示样本图片这是我的密码 <?php include('session.php'); ?> <?php include('header.php'); ?> <body> <?php include('navbar.php'); ?> <div class="container"> <

我的约会选取器有问题或者代码有问题。我认为有什么东西干扰了它，因为我使用了另一个示例中的这个日期选择器代码。无论何时单击文本框，日期选择器都不会显示

样本图片

这是我的密码

<?php include('session.php'); ?>
<?php include('header.php'); ?>
<body>
<?php include('navbar.php'); ?>
<div class="container">
<div style="height:50px;"></div>
    <div class="row">
        <div class="col-lg-12">     <center>
            <h1 class="page-header">Product Sales Report</h1></center>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <center>
 <form action="total_sales.php" method="post">
  From: <input type="text" class="datepicker" placeholder="E.G.(2018-01-14)" name="dayfrom" required pattern="[0-9]{4}+[0-9]+[0-9]"> To: <input type="text" class="datepicker" placeholder="E.G.(2018-02-11)" name="dayto" required pattern="[0-9]{4}+[0-9]+[0-9]">
  <input type="submit" value="Show Sales" name="salesbtn" ></form></center>

            <table width="100%" class="table table-striped table-bordered table-hover" id="prodTable">
                <thead>
                    <tr>
                        <th class="hidden"></th>
                        <th>Purchase Date</th>
                        <th>Customer</th>
                        <th>Product Name</th>
                        <th>Quantity</th>
                    </tr>
                </thead>
                <tbody>
                <?php
                    $sq=mysqli_query($conn,"select * from sales_detail left join product on product.productid=sales_detail.productid left join sales on sales.salesid=sales_detail.salesid left join customer on sales.userid=customer.userid where product.supplierid='".$_SESSION['id']."' order by sales.sales_date desc");;
                    while($sqrow=mysqli_fetch_array($sq)){

                    ?>
                        <tr>
                            <td class="hidden"></td>
                            <td><?php echo date('M d, Y h:i A',strtotime($sqrow['sales_date'])); ?></td>
                            <td><?php echo $sqrow['customer_name']; ?></td>
                            <td><?php echo $sqrow['product_name']; ?></td>
                            <td><?php echo $sqrow['sales_qty']; ?></td>
                        </tr>
                    <?php
                    }
                ?>
                </tbody>
            </table>
        </div>
    </div>
</div>
<?php include('script.php'); ?>
<?php include('modal.php'); ?>
<?php include('add_modal.php'); ?>
<script src="custom.js"></script>
</body>
</html>


产品销售报告
从：到：
购买日期
顾客
品名
量

这是我的剧本。我的代码是否缺少datepicker脚本？请帮忙

<script src="../vendor/jquery/jquery.min.js"></script>
<script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="../dist/js/sb-admin-2.js"></script>

<!-- DataTables JavaScript -->
<script src="../vendor/datatables/js/jquery.dataTables.min.js"></script>
<script src="../vendor/datatables-plugins/dataTables.bootstrap.min.js"></script>
<script src="../vendor/datatables-responsive/dataTables.responsive.js"></script>

<script>
$(document).ready(function() {
    $('#dataTables-example').DataTable({
        responsive: true
    });
});
</script>


$（文档）.ready（函数（）{
$（'#数据表示例'）。数据表({
回答：对
});
});

在script.js中使用datepicker js文件

Html代码

<input type="text" id="from_date">

或者你可以用这个

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>


</body>
</html>


$（函数（）{
$（“#日期选择器”）.datepicker（）；
} );
日期：

注意：Java！=JavaScript&虽然这里有一些JavaScript，但我没有看到Java。在你的问题中，我看不到任何与Java相关的东西，那么为什么要分配这个标记呢？此外，我担心如果您没有显示完整的代码，包括Javascript部分，我们将无法帮助您（如果在这里发布的代码太长，那么请制作一个JSFIDLE或类似文件，并在您的问题中链接到该文件）。您能在控制台中分享错误吗？您是否确实在某个地方包含datepicker的Javascript？你如何实现它？@kerbholz我所做的是从我的旧系统复制datepicker的php脚本，然后将它粘贴到我的新php。我认为它干扰了我的一些css。将它添加到我的history.php文件中，仍然没有发生任何事情。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>


</body>
</html>