2017-08-15 39 views
0

我已經在這裏搜索,沒有找到像我這樣的問題,所以我希望有人可以幫助。pikaday日期不是從PHP形式發送

我在窗體的兩個字段中使用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> 

我希望得到任何幫助。

最良好的祝願

火車

回答

0

我真是個白癡。我花了兩天時間在這個上面花了很多時間,現在這個解決方案讓我像一列列車一樣。愚蠢的(非常愚蠢的)錯字。

我:

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

,它應該是:

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

驚人能做什麼外來/ :-)

1

這是一個在黑暗中拍攝becasue我不完全熟悉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' 

所以我的猜測是你錯誤地生成了它?試試看,但就像我說過這是在黑暗中拍攝的照片。