2016-08-09 27 views
0

我希望文本框中的日期顯示爲MM-DD-YY (or YYYY, idc),但出於MySQL的目的,我需要它在YYYY-MM-DD日期選擇器格式:我如何在幕後獲得不同的格式?

我在這裏發現了一個相同的問題,但我無法得到答案在我的最終工作。我覺得這個標題有點誤導,但所描述的問題似乎與我完全相同。

jQuery datepicker altFormat not displayed

"altField"輸入是因爲我不知道這是否是包含在datepicker,或者是否需要添加。我無法讓它工作。 PHP是爲了我自己的目的而進行調試的,所以我可以看到將要在查詢中放置什麼。

<form onsubmit="return(validateEvent())" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>"> 
<label>Date</label> 
<input type="text" name="datepicker" id="datepicker"> 
<br/> 
<button type="submit" value="submit" name="submit">Add Event</button> 
<input type="text" name="altField" id="altField" hidden> 

<script> 
$(function() { 
    $("#datepicker").datepicker({ 
     dateFormat: "mm-dd-yy", 
     altFormat: "yy-mm-dd", 
     altField: "#altFormat" 
    }); 
}); 

<?php 
if(isset($_POST['submit'])) { 
    echo "<script>"; 
    $temp = $_POST["datepicker"]; 
    echo "alert('$temp');"; 
    echo "</script>"; 
} 
?> 

有人請幫助挽救我的理智O_O

回答

3

你有錯誤的ID和隱藏字段應type=hidden

檢查:

$(function() { 
 
    $("#datepicker").datepicker({ 
 
    dateFormat: "mm-dd-yy", 
 
    altFormat: "yy-mm-dd", 
 
    altField: "#altField" 
 
    }); 
 
    $('#btn1').click(function() { 
 
    console.log("Datepicker value: " + $('#datepicker').val()); 
 
    console.log("Datepicker alt value: " + $('#altField').val()); 
 
    }); 
 
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/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.0/jquery-ui.js"></script> 
 
<form onsubmit="" method="post" action=""> 
 
    <label>Date</label> 
 
    <input type="text" name="datepicker" id="datepicker"> 
 
    <input type="hidden" name="altField" id="altField"> 
 
    <br/> 
 
    <button type="submit" value="submit" name="submit">Add Event</button> 
 
</form> 
 
<br /><br /> 
 
<button id="btn1">View Values</button>

+0

似乎是現在的工作,非常感謝你! 你說我有錯的ID,雖然,你的意思是除altField之外還有其他人:「#altField」? (不是一個堅持者,只是認爲你的意思是我有更多的) – donutguy640

+0

@ donutguy640,是的,問題是你使用'altField:「#altFormat」',你沒有'id = altFormat'的元素 – Dekel

0

您愛泰克更改日期格式年月日

<?php 
if(isset($_POST['submit'])) { 
    echo "<script>"; 
    $temp = date('Y-m-d',strtotime($_POST["datepicker"])); 
    echo "alert('$temp');"; 
    echo "</script>"; 
} 

?> 
+0

當你用'datepicker'來做這件事時,沒有理由使用php。 – Dekel

+0

哦..感謝,所以錯誤是隱藏字段@Dekel – ubm

+0

檢查我的答案。這是錯誤的ID和隱藏的領域。 – Dekel

0

的日期選擇器插件有一個 「get」 方法返回的日期類型集,我們只需要根據需要對其進行格式化即可。在這裏,我們可以在提交之前使用datepickers formateDate()方法進行格式化。

var dateTypeVar = $('#datepicker').datepicker('getDate'); 
$.datepicker.formatDate('Y-m-d', dateTypeVar); 

https://jqueryui.com/resources/demos/datepicker/date-formats.html