Question

184

how to print date in input text box in html

rated 0 times [ 186] [ 2] / answers: 1 / hits: 19161 / 12 Years ago, sun, december 30, 2012, 12:00:00

here is my code,i want to print date in text box after enter date text using onload event.

<!DOCTYPE html>

<html>

   <head>

      <script>

         function displayDate() {

            document.getElementById(fname).value = Date();

         }

      </script>

   </head>

   <body onload=displayDate()>

      Enter date: <input type=date id=fname readonly />

   </body>

</html>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

rocioblancac

Add To Favorites

Follow

Total Points: 699

Total Questions: 96

Total Answers: 108

Location: Libya

Member since Mon, Dec 7, 2020

4 Years ago

rocioblancac questions

1 Angular: Error trying to diff '[object Object]'. Only arrays and iterables are allowed

Mon, Dec 13, 21, 00:00, 2 Years ago

1 Bootstrap multiple file selection - show only first file

Sun, Jul 26, 20, 00:00, 4 Years ago

1 React JS How to disable zoom

Wed, Jul 22, 20, 00:00, 4 Years ago

1 React Native https axios resquest gets Network Error on Android but not iOS

Thu, Jan 16, 20, 00:00, 4 Years ago

1 Color Input in React: The format is #rrggbb where rr, gg, bb are two-digit hexadecimal numbers

Mon, Jan 6, 20, 00:00, 4 Years ago

View All

answered 12 Years ago kristiano · Accepted Answer

You have to

correctly create the Date object (you're missing new)

format it according to rfc3339 (ex: 2012/12/30)

Change

document.getElementById("fname").value = Date();

to

var now = new Date();

var formatedDate = now.getFullYear() + '-' + (now.getMonth() + 1) + '-' + now.getDate();

document.getElementById("fname").value = formatedDate;

Demonstration

Note that some browsers accept other formats, but Chrome doesn't, as it complies to the norm.