date in textbox with the format yyyy-mm-dd

Question

how can i have automatic current date in the text box when i load the page with the format yyyy-mm-dd

       <tr><td>*Date:</td></tr>
 <tr><td><div id="ma"><input type="text" name="dte" id="text1">  </div> 
  <script type="text/javascript">    
   document.getElementById("text1").value = Date().toString();    
 </script>    
  </td></tr>

Leo SHEN · Answer 1 · 2014-07-30T02:23:14.387

2

I don't have enough reputation so that I cannot add the comments to Mike.

Just like Mike's solution, but there are some small mistakes:

getDay() return the weekday a number (0-6), so you should use getDate()

getMonth() return 0-11, so you should +1.

var d = new Date();

var day = d.getDate();
var month = d.getMonth() + 1;
var year = d.getFullYear();

if (Math.floor(day / 10) === 0) {
    day = "0" + day;
}
if (Math.floor(month / 10) === 0) {
    month = "0" + month;
}

document.getElementById("text1").value = year + "-" + month + "-" + day;

edited Jul 30 '14 at 02:23

answered Jul 30 '14 at 02:16

Leo SHEN

86
1
4

@vol7ron, I explained why I did not add a comment. And thanks you for letting me know I can edit other people's answer. – Leo SHEN Jul 30 '14 at 02:39
Let me give you some reputation :) – vol7ron Jul 30 '14 at 02:39

Mike Z · Answer 2 · 2014-07-30T02:18:28.537

1

A simple solution would be just doing something like this:

var d = new Date();

var day = d.getDate();
var month = d.getMonth() + 1;
var year = d.getFullYear();

if (Math.floor(day / 10) === 0) {
    day = "0" + day;
}
if (Math.floor(month / 10) === 0) {
    month = "0" + month;
}

document.getElementById("text1").value = year + "-" + month + "-" + day;

EDIT: Fixed errors caught by Guozi.

edited Jul 30 '14 at 02:18

answered Jul 30 '14 at 01:27

Mike Z

77
8

score 1 · Answer 3 · answered Jul 30 '14 at 02:27

If you are doing a lot of formatting, you may want to consider moment.js. With it, you could easily set the value using:

moment().format('YYYY-MM-DD');

If you are only formatting that one date, then it may not be worth the overhead, but as a library, it permits you to keep your site-specific JS clean.

score 1 · Accepted Answer · answered Jul 30 '14 at 04:00

What you want to do is to write a date in ISO 8601 format in JavaScript. There are several ways to do it. The following is a simple plain JavaScript way and works across browsers:

function toISO8601(date) {
  var d  = date.getDate();
  if(d < 10) d = '0' + d;
  var m = date.getMonth() + 1;
  if(m < 10) m = '0' + m;
  return date.getFullYear() + '-' + m + '-' +  d;
}
document.getElementById("text1").value = toISO8601(Date());

score 0 · Answer 5 · answered Jul 30 '14 at 01:47

0

When using php this is also a good option:

<input type="text" name="dte" id="text1" value="<?= date("Y-m-d") ?>">

answered Jul 30 '14 at 01:47

Vennik

565
3
11

date in textbox with the format yyyy-mm-dd

5 Answers5