How to take a date with Javascript and insert an input Hidden form?

Question

I need javascript to fill automatically in a <input type="hidden" /> with the current date, and another 15 days after the current date.

It will be used for the date of issue of one ticket and the other for the due date of the ticket, and need the format aaaammdd.

<input name="dataEmissao" type="hidden" />
<script>
   ????????????????
</script>

and

<input name="dataVencimentoTit" type="hidden" />
<script>
    ????????????????
</script>

Note: can’t be PHP, because I’m using this code inside a code Theme block, in Wordpress. Inside does not work PHP code, only Javascript.

Answer 1

How to set a date in one input and another fifteen days later in another?

The steps you need to follow are:

• create a date object with the start day
• create a new date object with more 1296e6 ms that other (because Javascript works in milliseconds)
• have a function to format the output string, in this case YYYYMMDD
• go to DOM to "search" the elements and set your .value

In practice:

function pad(s) {
    return (s < 10) ? '0' + s : s;
}

function formatarData(d) {
    return [d.getFullYear(), d.getMonth() - 1, d.getDate()].map(pad).join('');
}

var emissao = document.querySelector('input[name="dataEmissao"]');
var vencimento = document.querySelector('input[name="dataVencimentoTit"]');

var hoje = new Date();
var quinzeDias = new Date(hoje.getTime() + 1296e6);
emissao.value = formatarData(hoje);
vencimento.value = formatarData(quinzeDias);

Example: https://jsfiddle.net/3zymmpxb/1