2017-04-14 90 views
0

我需要得到的日期爲yyyy-MM-dd,但我總是得到不同的格式。如何根據需要獲取日期選擇器值?Datepicker格式getDate

https://jsfiddle.net/041h6mss/

HTML:

<input id="thedate" type="text" /> 
<input type="button" id="button" value="submit" /> 
<span id="output"></span> 

JS:

$(function(){ 

    $("#thedate").datepicker({ 
     dateFormat: "D, M d, yy", 
    }); 
}) 
var output = document.getElementById("output"); 

document.getElementById("button").onclick = function() { 
    output.innerHTML = $("#thedate").datepicker("getDate"); 
}; 

我獲得價值爲Mon Apr 03 2017 00:00:00 GMT+0200 (CEST),但我想它作爲2017-03-03

+1

您是否在使用[Moment](https://momentjs.com/)? –

回答

2

我已經更新了答案。點擊此處查看:https://jsfiddle.net/041h6mss/1/

HTML:

<input id="thedate" type="text" /> 
<input id="altField" type="hidden" /> 
<input type="button" id="button" value="submit" /> 
<span id="output"></span> 

的Javascript:

$(function(){ 
    $("#thedate").datepicker({ 
     dateFormat: "D, M d, yy", 
     altField: "#altField", 
     altFormat: "yy-mm-dd" 
    }); 
}) 
var output = document.getElementById("output"); 

document.getElementById("button").onclick = function() { 
    output.innerHTML = $("#altField").val(); 
}; 

或者,你可以試試這個太(更好的解決方案):

document.getElementById("button").onclick = function() { 
    output.innerHTML = $.datepicker.formatDate("yy-mm-dd", $("#thedate").datepicker("getDate")); 
}; 
+0

我更喜歡第二個。感謝您的快速解決方案! – Eniss

1

您的日期格式是不正確的,您需要將其更改爲yy-mm-dd

$(function(){ 
    $("#thedate").datepicker({ 
     dateFormat: "yy-mm-dd" 
    }); 
}) 
var output = document.getElementById("output"); 

document.getElementById("button").onclick = function() { 
    output.innerHTML = $("#thedate").datepicker("getDate"); 
}; 
+0

我以爲他想在文本框中保留''D,M d,yy''格式並在輸出中獲得首選格式。 –