javascript - Datepicker Format getDate - Stack Overflow

admin管理员组

文章数量:1425711

I need to get the date as yyyy-MM-dd, but I always get in different formats. How can I get datepicker value as I want?

/

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");
};

I get value as Mon Apr 03 2017 00:00:00 GMT+0200 (CEST), but I want it as 2017-03-03

I need to get the date as yyyy-MM-dd, but I always get in different formats. How can I get datepicker value as I want?

https://jsfiddle/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");
};

I get value as Mon Apr 03 2017 00:00:00 GMT+0200 (CEST), but I want it as 2017-03-03

• javascript
• jquery
• datepicker

Share Improve this question Follow asked Apr 14, 2017 at 13:31 EnissEniss 91333 gold badges2323 silver badges4242 bronze badges 1

• 1 Are you using Moment ? – Ryad Boubaker Commented Apr 14, 2017 at 13:44

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

I've updated answer. Check it here: https://jsfiddle/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();
};

Alternatively, you may try this too (much better solution):

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

Your date format is incorrect, you need to change it to 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");
};

本文标签： javascriptDatepicker Format getDateStack Overflow