【问题标题】:JS: Populate fields with new dates with subtracted x number of days from users inputJS:使用从用户输入中减去 x 天数的新日期填充字段
【发布时间】:2014-08-13 16:19:11
【问题描述】:

我只对 JavaScript 有基本的了解,我花了很长时间研究并试图找到解决方案,我看到一些接近她的方法,但他们要么处理了不同的问题,要么我无法解决使用提供的信息实施解决方案。

问题;

我有一个用户可以从中选择日期的表单和一个提交按钮。我想收集提交的日期,然后用 - 180 天、-165 天、-150 天等新日期填充几个“字段”。

到目前为止,我已经设法收集输入日期并能够将该日期放入字段中,但我无法减去 x 工作天数。

脚本在下方,实时预览在此处(日期选择器似乎仅适用于 chrome)http://jsfiddle.net/RobLondon/fnsa22r2/1/

如果您能提供任何帮助,我将不胜感激。

谢谢!

<script type="text/javascript">

“使用严格”;

document.getElementById('inc-date').addEventListener('submit', calcdates);

函数计算日期(事件){

event.preventDefault(); 

var incDate = document.getElementById('inc-date-selected').value;

var incdateresult = (incDate);

document.getElementById("180-days").innerHTML = incdateresult - 180;
document.getElementById("165-days").innerHTML = incdateresult - 165;

}

【问题讨论】:

    标签: javascript date


    【解决方案1】:

    你可以这样做。

    var d = new Date(document.getElementById('inc-date-selected').value);
    
    document.getElementById("180-days").innerHTML = (new Date().setDate(d.getDate() - 180)).toString();
    document.getElementById("165-days").innerHTML = (new Date().setDate(d.getDate() - 165)).toString();
    

    【讨论】:

    • 嗨 SailorLeroy,谢谢或就此问题回复我,您的解决方案确实有作用,但我在每个字段中都得到一长串数字。那是作为“字符串”的日期吗?如果是这样,我如何让它显示为格式为输入日期的日期,即 2014-08-23 Cheers
    • 啊,是的,对不起。这称为 UNIX 时间戳——自 1970 年 1 月 1 日 UTC 以来的秒数。而不是 toString() 最后,用 toLocaleDateString() 替换它。
    • 嗨,这似乎阻止它像以前一样执行操作...link
    • 让我进一步看看。我会在几分钟内回复您
    • 好的,我们开始吧。用这个替换日期的东西。 document.getElementById("180-days").innerHTML = new Date(Date.parse(d) - (180 * 86400 * 1000)).toDateString();和 document.getElementById("165-days").innerHTML = new Date(Date.parse(d) - (165 * 86400 * 1000)).toDateString();
    【解决方案2】:

    我认为您想要这样的东西(只需将新日期替换为新日期(字段日期):

    var myDate = new Date("1/1/1990");
    var dayOfMonth = myDate.getDate();
    myDate.setDate(dayOfMonth - 1);
    

    如果您想了解更多信息,它来自http://msdn.microsoft.com/en-us/library/ie/ee532932(v=vs.94).aspx

    【讨论】:

      猜你喜欢
      • 2021-12-31
      • 2019-11-06
      • 1970-01-01
      • 1970-01-01
      • 2010-09-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多