javascript - 在 PHP 中使用 Jquery Datepicker 显示日期时出错

标签 javascript php jquery html mysql

我是 PHP 新手。我有一个上传文件并存储在 Mysql 数据库中的代码。我使用 php 创建一个 Web 表单。在这种形式中我使用jquery datepicker。我的问题是,当我运行代码时,它无法正确显示日期。我的代码的结果如下所示:
date

但是当我在没有 PHP 的情况下使用相同的代码时,它可以正常工作。我不明白这是什么问题?

这是我的代码:

<?php
$host="localhost"; // Host name 
$username="root"; // Mysql username 
$password=""; // Mysql password 
$db_name="test123"; // Database name 
//$tbl_name="members"; // Table name 
$con=mysql_connect("localhost","root","");
if(! $con)
{
die('Connection Failed'.mysql_error());
}
mysql_select_db("test123",$con);

if(isset($_FILES['files'])){
    $errors= array();
    foreach($_FILES['files']['tmp_name'] as $key => $tmp_name ){
        $file_name = $key.$_FILES['files']['name'][$key];
        $file_size =$_FILES['files']['size'][$key];
        $file_tmp =$_FILES['files']['tmp_name'][$key];
        $file_type=$_FILES['files']['type'][$key];  
        if($file_size > 2097152){
            $errors[]='File size must be less than 2 MB';
        }       
        $query="INSERT into upload_data (`FILE_NAME`,`FILE_SIZE`,`FILE_TYPE`) VALUES('$file_name','$file_size','$file_type'); ";
$desired_dir="user_data";
        //$desired_dir=$options['upload_dir']."user_data";
        if(empty($errors)==true){
            if(is_dir($desired_dir)==false){
                mkdir("$desired_dir", 755);     // Create directory if it does not exist
            }
            if(is_dir("$desired_dir/".$file_name)==false){
                move_uploaded_file($file_tmp,"$desired_dir/".$file_name);
            }else{                                  // rename the file if another one exist
                $new_dir="$desired_dir/".$file_name.time();
                 rename($file_tmp,$new_dir) ;               
            }
         mysql_query($query);           
        }else{
                print_r($errors);
        }
    }
    if(empty($error)){
        echo "Success";
    }
}
?>      
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>File Upload</title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
      $("#mydate").datepicker({
    dateFormat: "dd-M-y"
    }).datepicker("setDate", new Date());
            });   
  </script>


</head>

<body>
<form action="" method="POST" enctype="multipart/form-data">
<table>
<tr> <td width="327">
<input type="text" id="mydate"> </td> </tr>
<tr> <td>
<input type="file" name="files[]"  multiple/></td> </tr>
<tr> <td>
<input type="submit"/></td> </tr>
</table>
</form>
</body>
</html>

最佳答案

我只创建了两个文件,名称为 form.php,第二个文件是 form1.php 现在我的代码运行良好

form1.php

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" type="text/css" href="newstyles.css">
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
      $("#mydate").datepicker({
    dateFormat: "dd-M-y"
    }).datepicker("setDate", new Date());
            });   
  </script>
</head>
<body>
 <form action="form.php" method="POST" enctype="multipart/form-data">
        <table width="664" >
    <tr>
        <td height="34"  colspan="6" class="DivSubHeaderCellTop"><p>  Morning Breifing</p></td>
</tr>

    <tr>
        <td  colspan="6" class="DivSubHeaderCellTop">Upload File</td>
</tr>
<tr><td>&nbsp;</td> <td>   MB | Falcons</td> <td width="154"><input type="text" id="mydate">
<td> 

 </td>
 </tr>
    <tr> <td width="157" height="23">&nbsp;</td> </tr>
    <tr>
    <td colspan="4" bordercolorlight="#006666">  <input type="file" name="files[]"  multiple/> </td>
    <td width="215">
      <input type="submit"/>
   </td>
    <tr>
    <td height="75">
    </td>
    <td width="116">

   </td> </tr>
    </table>
</form>
</body>
</html>

form.php

<?php
$host="localhost"; // Host name 
$username="root"; // Mysql username 
$password=""; // Mysql password 
$db_name="test123"; // Database name 
//$tbl_name="members"; // Table name 
$con=mysql_connect("localhost","root","");
if(! $con)
{
die('Connection Failed'.mysql_error());
}
mysql_select_db("test123",$con);

if(isset($_FILES['files'])){
    $errors= array();
    foreach($_FILES['files']['tmp_name'] as $key => $tmp_name ){
        $file_name = $key.$_FILES['files']['name'][$key];
        $file_size =$_FILES['files']['size'][$key];
        $file_tmp =$_FILES['files']['tmp_name'][$key];
        $file_type=$_FILES['files']['type'][$key];  
        if($file_size > 2097152){
            $errors[]='File size must be less than 2 MB';
        }       
        $query="INSERT into upload_data (`FILE_NAME`,`FILE_SIZE`,`FILE_TYPE`) VALUES('$file_name','$file_size','$file_type'); ";
$desired_dir="user_data";
        //$desired_dir=$options['upload_dir']."user_data";
        if(empty($errors)==true){
            if(is_dir($desired_dir)==false){
                mkdir("$desired_dir", 755);     // Create directory if it does not exist
            }
            if(is_dir("$desired_dir/".$file_name)==false){
                move_uploaded_file($file_tmp,"$desired_dir/".$file_name);
            }else{                                  // rename the file if another one exist
                $new_dir="$desired_dir/".$file_name.time();
                 rename($file_tmp,$new_dir) ;               
            }
         mysql_query($query);           
        }else{
                print_r($errors);
        }
    }
    if(empty($error)){
        echo "Success";
    }
}
?>

关于javascript - 在 PHP 中使用 Jquery Datepicker 显示日期时出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31020598/

相关文章:

javascript - 在 Node.js websocket 连接中获取客户端的 IP (socket.io)

javascript - 有没有更好的方法在 JavaScript 中执行可选函数参数?

javascript - 如何在 javascript 文件中查找函数

php - 如何以下载方式向用户提供 Ajax POST 响应?

javascript - 将参数绑定(bind)到传递给 lodash 的 "debounce"的输入函数

php - Laravel hasManyThrough 与非默认本地键的关系

php - 没有为菜单实现正确​​的链接 rel CSS 样式表

php - 用于图像数据和其他序列化数据的单个 ajax

jquery-plugins - 如何用 jQuery 模拟事件?

javascript - 展开和折叠,以 anchor 链接为目标