javascript - 如何使用js格式化HTML日期选择器

标签 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

最佳答案

使用 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

关于javascript - 如何使用js格式化HTML日期选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40392432/

相关文章:

javascript - tsconfig.json 和 typings.json 之间的关系?

javascript - 如何在 HERE Maps API for Javascript 中检索自定义标记坐标?

javascript - 当其他 div 淡入 100% 时淡入 div

javascript - 如何制作 Jquery 菜单生成器

javascript - 从日期选择器获取日期

javascript - 从 JavaScript 获取值到 Bean

JQuery UI slider 在更新的文本框更改后无法工作。 (ASP.NET)

sql-server - 需要帮助在 ColdFusion 中格式化类型 ="datetime-local"(不是冷聚变元素)

jquery - 限制 MVC3 Razor 中 jQuery DatePicker 中的日期范围

javascript - 用JS过滤多个html表