【问题标题】:Convert html5 date input to date object将 html5 日期输入转换为日期对象
【发布时间】:2014-02-09 07:59:12
【问题描述】:

我有一个带有 html5 日期输入的表单设置,我想做的是让该日期添加一些天数,然后在另一个 html5 日期输入中显示最终结果

在我的代码here, 中,日期被添加到今天的日期。

如何更改 Javascript 以便将日期添加到用户选择的日期。

我正在使用的当前 JS:

var terms = $("#terms").val();
        var date = new Date();
        date.setDate(date.getDate() + terms);
        var day = ("0" + date.getDate()).slice(-2);
        var month = ("0" + (date.getMonth() + 1)).slice(-2);
        var final = date.getFullYear()+"-"+(month)+"-"+(day);
        $("#duedate").val(final);

【问题讨论】:

  • 什么是 15、30、60?!天?
  • @AshleyMedway 这些是我想添加到用户选择的日期的日子。
  • @IstiaqueAhmed 这个问题只回答了添加天数,我想做的是我想从一个输入中选择日期添加一些天数并显示添加到另一个日期 html5 输入
  • 嗨@user1910290 - 你在这里看起来很新。您能否将整个代码放入您的问题中?那个 JSFiddle 不会永远存在,但 StackOverflow 的问题会......所以有一天你的问题会指向一个死链接,这不会让任何人从你所问的内容中学习。我注意到 JSFiddle 中的代码与您在上面发布的代码并不完全相同,这就是我要问的原因...

标签: javascript jquery html date


【解决方案1】:

您需要将术语 val 解析为整数 - parseInt(terms)Fiddle.

$('#terms').on('blur', function() {
    var terms = $("#terms").val();
    var date = new Date($("#date").val());
    date.setDate(date.getDate() + parseInt(terms));
    var day = ("0" + date.getDate()).slice(-2);
    var month = ("0" + (date.getMonth() + 1)).slice(-2);
    var final = date.getFullYear()+"-"+(month)+"-"+(day);
    $("#duedate").val(final);
});

【讨论】:

  • 抱歉错误的小提琴链接是更新后的链接:jsfiddle.net/CjEEs/4 我想要将日期添加到条款选择框上方的日期选择器中,最终结果应显示为术语选择框下方的日期选择器
猜你喜欢
  • 2017-11-03
  • 1970-01-01
  • 1970-01-01
  • 2017-01-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-05-21
相关资源
最近更新 更多