点击后打印日期答案

【问题标题】：Print date after click点击后打印日期
【发布时间】：2016-01-09 15:51:15
【问题描述】：

我的电子商店应用程序中有发票面板。

我想在点击我的链接后打印下载日期（不是今天的日期）。有没有可能让它变得容易？

<a class="download-invoice" target="_blank" 
                href="?{=orderGroup.invoiceHref}">#{Download}</a>

【问题讨论】：

但是点击后你会在新窗口中打开下载，那么你想在父窗口的哪里打印日期？问题不清楚。
是的。我想在带有发票列表的窗口上打印日期。

标签： javascript jquery html datetime datepicker

【解决方案1】：

试试这个

function printDateAndDownload(hrefUrl) {
  var date = new Date();

 document.querySelector('.dateContainer').innerHTML = date.toDateString();
 
 window.open(window.url + "?" + hrefUrl)
return false;
}

<a class="download-invoice" onClick="printDateAndDownload({=orderGroup.invoiceHref})">Download</a>

<div class="dateContainer"></div>

【讨论】：

不工作。当我单击下载时，我将访问 domain.com/#。日期未显示，文件未下载。

【解决方案2】：

这是一个简单的演示，您可以如何在单击链接时获取日期。当然，您必须以某种方式保存此日期，以便稍后显示。

function printDate(num) {
  var date = new Date();

 document.querySelector('.dateContainer_' + num).innerHTML = date.toDateString();
}

<ul>
  <li>
    <a class="download-invoice" target="_blank" href="#" onClick="printDate(1)">Download 1</a>
    <span class="dateContainer_1"></span>
  </li>
  <li>
    <a class="download-invoice" target="_blank" href="#" onClick="printDate(2)">Download 2</a>
    <span class="dateContainer_2"></span>
  </li>
  <li>
    <a class="download-invoice" target="_blank" href="#" onClick="printDate(3)">Download 3</a>
    <span class="dateContainer_3"></span>
  </li>
  <li>
    etc...
  </li>
</ul>

【讨论】：

工作得更好。但我有约 70 张发票的清单。当我单击第一个下载链接时 - 日期显示在“下载”旁边。但是，当我点击第二、第三个链接时，日期也会显示在第一个下载链接旁边。
我已更新代码以考虑多个链接。我不知道您使用哪种服务器端语言，但您可以在“for 循环”或类似结构中自动生成数字。或者，如果您在发票上附加了一个唯一 ID，那就更好了。