pikaday日期未從php表單發送

Question

我在這里搜索過，沒有找到像我這樣的問題，所以我希望有人可以提供幫助。

我在表單的兩個字段中使用Pikaday響應式。 “起始”日期和“截止日期”在表單上一切正常，並且所選日期正確顯示在表單字段中，但是由於某些原因，日期未與表單中的其余數據一起發送。

這是我的html：

  <p>
    <label>BOOK FROM:</label><br />
    <input name="bookfrom" type="date" id="date1" required />&nbsp;<button id="clear" class="SubmitButton">Clear</button>
  </p>


  <p>
    <label>BOOK TO:</label><br />
    <input name="bookto" type="text" id="date2" required />&nbsp;<button id="clear2" class="SubmitButton">Clear</button>
  </p>

這是頁面底部的腳本：

<script src="../js/dependencies/jquery.min.js"></script>
<script src="../js/dependencies/moment.min.js"></script>
<script src="../js/dependencies/pikaday.min.js"></script>
<script src="../js/pikaday-responsive.js"></script>
    <script>
       var $date1 = $("#date1");
      var instance1 = pikadayResponsive($date1, {
        format: "Do MMM YYYY",
        outputFormat: "X"
      });
      $date1.on("change", function() {
        $("#output1").html($(this).val());
      });

      $("#clear").click(function() {
        instance1.setDate(null);
      });

        var $date2 = $("#date2");
      var instance2 = pikadayResponsive($date2, {
        format: "Do MMM YYYY",
        outputFormat: "X"
      });
      $date2.on("change", function() {
        $("#output2").html($(this).val());
      });

      $("#clear2").click(function() {
        instance2.setDate(null);
      });
    </script>

在表單已發送以下測試php代碼后：

$startdate=$_POST['bookfrom'];
echo 'Date from= ' . $startdate . '<br><br>';
$enddate=$_POST['bookto'];
echo 'Date to= ' . $enddate . '<br><br>';
exit();

收益：

起始日期=

日期=

每個=號后應有一個日期代碼，但沒有任何內容。

我應該說我對使用JavaScript /查詢非常陌生，我認為這可能與導致問題的原因有關。 我以與表單中其他字段相同的方式給了輸入字段名稱，其他所有字段均正確傳輸。 只是這兩個日期字段沒有通過。

由於使用JavaScript，因此

$startdate=$_POST['bookfrom'];

和

$enddate=$_POST['bookto'];

還有別的嗎？ 我努力了：

$startdate=$_POST['date1'];
echo 'Date from= ' . $startdate . '<br><br>';
$enddate=$_POST['date2'];
echo 'Date to= ' . $enddate . '<br><br>';
exit();

以及使用腳本中的術語而不是輸入字段名稱的其他一些變體，但仍然得到相同的結果。

在頁面的標題標簽中，我還有：

 <link rel="stylesheet" href="../css/pikaday-package.css">
 <script src="../js//pikaday-responsive-modernizr.js"></script>

我將不勝感激任何幫助。

最好的祝願

火車

Answer 1

這是在黑暗中拍攝的鏡頭，因為我對Pikaday並不完全熟悉，但是當我使用它時，它是這樣生成的：

var timepicker = new Pikaday({
field: document.getElementById('datepicker'),
firstDay: 1,
minDate: new Date(2016, 0, 1),
maxDate: new Date(2100, 12, 31),
yearRange: [2016,2100],
showTime: true,
autoClose: false,
use24hour: false,
format: 'YYYY-MM-dd'

所以我的猜測是您錯誤地生成了它？ 試試看，但是就像我說的那樣，它是在黑暗中拍攝的。

Answer 2

我真是個白痴。 我花了兩個多小時在此上花費了兩個小時，現在解決方案像一列火車一樣打動了我。 愚蠢的（非常愚蠢的）錯字。

我有：

<script src="../js//pikaday-responsive-modernizr.js"></script>

它應該是：

<script src="../js/pikaday-responsive-modernizr.js"></script>

令人驚訝的是什么無關緊要的:-)