javascript - 如何使用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 偏移量。

在您的情况下，您是 GMT-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