How to get current formatted date dd/mm/yyyy in Javascript and append it to an input

JavascriptHtmlInputTagsHidden

Javascript Problem Overview


I would like to add a current date to a hidden HTML tag so that it can be sent to the server:

<input type="hidden" id="DATE" name="DATE" value="WOULD_LIKE_TO_ADD_DATE_HERE">

How can I add a formatted date to the VALUE attribute?

Javascript Solutions


Solution 1 - Javascript

I hope this is what you want:

const today = new Date();
const yyyy = today.getFullYear();
let mm = today.getMonth() + 1; // Months start at 0!
let dd = today.getDate();

if (dd < 10) dd = '0' + dd;
if (mm < 10) mm = '0' + mm;

today = dd + '/' + mm + '/' + yyyy;

document.getElementById('DATE').value = today;

https://stackoverflow.com/questions/1531093/how-to-get-current-date-in-javascript

Solution 2 - Javascript

I honestly suggest that you use moment.js. Just download moment.min.js and then use this snippet to get your date in whatever format you want:

<script>
$(document).ready(function() {

     // set an element
     $("#date").val( moment().format('MMM D, YYYY') );

     // set a variable
     var today = moment().format('D MMM, YYYY');

});
</script>

Use following chart for date formats:

enter image description here

Solution 3 - Javascript

<input type="hidden" id="date"/>
<script>document.getElementById("date").value = new Date().toJSON().slice(0,10)</script>

Solution 4 - Javascript

By using the value attribute:

var today = new Date();
document.getElementById('DATE').value += today;

Solution 5 - Javascript

To get current date/time in javascript:

var date = new Date();

If you need milliseconds for easy server-side interpretation use

var value = date.getTime();

For formatting dates into a user readable string see this

Then just write to hidden field:

document.getElementById("DATE").value = value;

Solution 6 - Javascript

Use the DOM's getElementByid method:

document.getElementById("DATE").value = "your date";

A date can be made with the Date class:

d = new Date();

(Protip: install a javascript console such as in Chrome or Firefox' Firebug extension. It enables you to play with the DOM and Javascript)

Solution 7 - Javascript

You edit an element's value by editing it's .value property.

document.getElementById('DATE').value = 'New Value';

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionVolosBlurView Question on Stackoverflow
Solution 1 - JavascriptAeliosView Answer on Stackoverflow
Solution 2 - JavascriptAliView Answer on Stackoverflow
Solution 3 - JavascriptVarun NatraajView Answer on Stackoverflow
Solution 4 - JavascriptAsciiomView Answer on Stackoverflow
Solution 5 - JavascriptWutzView Answer on Stackoverflow
Solution 6 - JavascriptBart FriederichsView Answer on Stackoverflow
Solution 7 - Javascriptgen_EricView Answer on Stackoverflow