如何使用js格式化HTML datepicker

时间:2016-11-03 01:31:18

标签: javascript jquery datepicker

我想格式化我从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">

结果

enter image description here

1 个答案:

答案 0 :(得分: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