【问题标题】:Having trouble submitting Jquerys datepicker into mysql将 Jquerys datepicker 提交到 mysql 时遇到问题
【发布时间】:2016-01-10 13:49:31
【问题描述】:

在我使用 datepicker 之前,它可以工作,当时我手动将日期写入如下输入字段:2016-01-10。但是当我切换到datepicker时,由于某种原因没有提交数据。

我的html表单:

     <form class="w3-container">

            <p>
            <label>Titel:</label>
            <input class="w3-input" type="text" id="eTitel"></p>

            <p>
            <label>Description:</label>
            <input class="w3-input" type="text" id="eDesc"></p>

            <p>
            <label>From:</label>
            <input class="w3-input" type="text" id="datepicker1" name="datepicker1"></p>

            <p>
            <label>To:</label>
            <input class="w3-input" type="text" id="datepicker2" name="datepicker2"></p>

            <br>
            <input type="button" id="button2" value="add+">

         </form>

我的php代码:

 <php

       if(isset($_POST["titel"]) && strlen($_POST["titel"])> 0 &&  isset($_POST["descritption"]) && strlen($_POST["descritption"])> 0 && isset($_POST["date"]) && strlen($_POST["date"])> 0 && isset($_POST["todate"]) && strlen($_POST["todate"])> 0){
         $u_id = 1;
        $titel = $_POST["titel"];
         $descritption = $_POST["descritption"];
        $date = $_POST["date"];
       $todate = $_POST["todate"];


        $postInsert2 = $link-> query("INSERT INTO Experiences (u_id, titel, descritption, date, todate) VALUES ('$u_id','$titel','$descritption','$date','$todate' )");
           if($postInsert2){
               echo "succefully inserted into Experiences";
               $link->close();

           }

  }

 ?>

我的 javascript 代码是:

    <script>
$(function() { $( "#datepicker1" ).datepicker({

    dateFormat: 'yy-mm-dd',


    });
     $("#datepicker1").on("change",function(){
     date = $(this).val();
    alert(date);
});

});

$(function() {
  $( "#datepicker2" ).datepicker({

    dateFormat: 'yy-mm-dd',

    });
     $("#datepicker2").on("change",function(){
     todate = $(this).val();
    alert(todate);
  });

});

     $("#button2").click(function(){

     var titel = $("#eTitel").val();
     var descritption = $("#eDesc").val();
    var date = $('input[name=datepicker1]');
    var todate = $('input[name=datepicker2]');

     if(titel == " " && descritption == " " && date == " " && todate == " ")
     {
         alert("values are missing");
     }

     else{
         $.ajax({
             type:"POST",
             url: "olle.php",
             data:{

                titel: titel,
                descritption: descritption,
                date: date,
                todate: todate,

             },
             success: function (msg){

                 $("#eTitel").val("");
                 $("#eDesc").val("");
                 $("#datepicker1").val("");
                 $("#datepicker2").val("");
             },
             error: function(){

                 alert("error didnt insert");

             }

         });

     }

 });



    </script> 

【问题讨论】:

    标签: javascript php jquery datepicker


    【解决方案1】:

    由于它在您手动设置 yyyy-mm-dd 格式的日期值时有效,所以首先要检查的是从日期选择器获取的值也是这种格式。查看您的日期选择器配置,让我大吃一惊的是您将格式设置为 yy-mm-dd。也许将其更改为 yyyy-mm-dd?在设置值时,标准 SQL 将期望日期为 yyyy-mm-dd 格式。

    【讨论】:

      猜你喜欢
      • 2017-01-04
      • 2016-03-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-07-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多