This question already has answers here: How do I get the current date in JavaScript? (60 answers) Closed 8 years ago.
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?
(new Date()).toLocaleDateString('en-GB')
is literally all you need to get the UK format date as per OP's question.
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;
const formattedToday = dd + '/' + mm + '/' + yyyy;
document.getElementById('DATE').value = formattedToday;
How do I get the current date in 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:
https://i.stack.imgur.com/xVscR.jpg
<input type="hidden" id="date"/>
<script>document.getElementById("date").value = new Date().toJSON().slice(0,10)</script>
new Date().toJSON().slice(0,10).replace(/-/g,'/')
new Date().toJSON().slice(0,10).split('-').reverse().join('/')
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;
document.getElementById('DATE').value = (new Date()).getTime();
By using the value attribute:
var today = new Date();
document.getElementById('DATE').value += today;
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)
You edit an element's value
by editing it's .value
property.
document.getElementById('DATE').value = 'New Value';
Success story sharing
new Date(Date.now()).toLocaleString();
new Date(Date.now()).toLocaleString().split(',')[0]
for the current date in dd/mm/yyyy format only.