如何使用js格式化HTML日期選擇器

Question

我想格式化來自HTML datepicker的日期值。我使用了js類new Date()，並將HTML datepicker中的日期值放入其中。結果顯示格式化後的實際日期比我在datepicker中選擇的日期小一天，任何人都可以幫我解決這個問題嗎？代碼如下。

$("#date").on("click",function(){ 
    var date2 = new Date($("#date").val()); 
    alert(date2.getDate()); 

這裏是HTML部分申報

<input type="date" name="date" id="date" max="2013-12-31" min="2013-01-01"> 

結果

Answer 1

使用getUTCDate()而不是getDate()忽略UTC偏移。

在你的情況下，你是格林威治標準時間5，所以它是從輸入日期5小時，並使用getDate（）將它放入前一天。

toUTCString()將返回完整日期。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getUTCDate

例子：http://jsbin.com/vojanisiqu/1/edit?html,js,output