2015-10-12 3 views
1

У меня есть панель счетов в моем приложении для электронного магазина.Дата печати после нажатия

Я хотел бы распечатать дату загрузки (без сегодняшней даты) после щелчка на моей ссылке. Можно ли сделать это проще?

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

Но щелчком мыши вы открываете Скачать в новом окне, поэтому там, где вы хотите печатать дату родительское окно? Вопрос не ясен. –

+0

Да. Я хочу распечатать дату в окне со списком счетов-фактур. –

ответ

0

Ниже приведена простая демонстрация того, как вы можете получить дату во время щелчка по ссылке. Конечно, вам придется как-то сохранить эту дату, чтобы вы могли ее показать позже.

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>

+0

Работа greate. Но у меня есть список с ~ 70 счетами. Когда я нажимаю 1st Download Link - Дата показывает рядом с «Загрузка». Но, когда я нажимаю вторую, 3-ю ссылку, дата показывается также рядом с 1-й ссылкой для загрузки. –

+0

Я обновил код для учета нескольких ссылок. Я не знаю, какой серверный язык вы используете, но вы можете автоматически генерировать числа в цикле «for» или аналогичной конструкции. Или, если у вас есть уникальный идентификатор, прикрепленный к счетам, это будет даже лучше. – user1120808

0

Попробуйте

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>

+0

Не работает. Когда я нажимаю «Загрузить», я перейду в домен.com/#. Дата не отображается и файл не загружается. –

Смежные вопросы