Inserting Date into INPUT field using jQuery

Question

I have 4 INPUT fields for month, day, hour, minute.

<input type="text" id="month" name="month" value="" />
   <input type="text" id="day" name="day" value="" />
  <input type="text" id="hour" name="hour" value="" />
  <input type="text" id="minute" name="minute" value="" />

I am trying to get CURRENT time using JS and insert into each field using jQuery.

Can you help me to work out the right code to accomplish this?

James Allardice · Accepted Answer · 2011-08-11 13:25:35Z

9

$(document).ready(function() {
   var now = new Date();
   $("#month").val(now.getMonth() + 1); //Months in JS start from 0
   $("#day").val(now.getDate());
   $("#hour").val(now.getHours());
   $("#minute").val(now.getMinutes());
});

See this MDN page for more information on the Date object.

answered Aug 11, 2011 at 13:25

James Allardice

166k22 gold badges335 silver badges315 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Quasdunk Over a year ago

now.getDate() should probably be now.getDay()+1 ;)

James Allardice Over a year ago

No it shouldn't. getDay returns the current day of the week (e.g. 4 currently). getDate returns the day of the month (e.g. 11 currently).

James Allardice Over a year ago

@jonny pixel - There should be a button to the left of my answer so you can mark it as the accepted answer. Glad I could help :)

Joseph Marikle · Accepted Answer · 2011-08-11 14:14:20Z

3

meh... for what it's worth: http://jsfiddle.net/V3J8c/1

$("#month").val(months[new Date().getMonth()])
$("#day").val(new Date().getDate())
$("#hour").val(new Date().getHours())
$("#minute").val(new Date().getMinutes())

edited Aug 11, 2011 at 14:14

answered Aug 11, 2011 at 13:32

Joseph Marikle

78.8k18 gold badges114 silver badges130 bronze badges

2 Comments

jonny pixel Over a year ago

Thanks for sharing the link. Nice tool. Really nice.

Joseph Marikle Over a year ago

@jonnypixel You're quite welcome! I absolutely love this tool, and i learned about it from SO too.

FishBasketGordo · Accepted Answer · 2011-08-11 13:29:00Z

0

var date = new Date();
$('#month').val(date.getMonth() + 1);
$('#day').val(date.getDate());
$('#hour').val(date.getHours()); // This will be based on a 24-hour clock.
$('#minute').val(date.getMinutes());

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date

answered Aug 11, 2011 at 13:29

FishBasketGordo

23.2k4 gold badges60 silver badges92 bronze badges

Comments

user278064 · Accepted Answer · 2011-08-11 13:29:58Z

0

var date = new Date(),
    currDay = date.getDate(),
    currHours = date.getHours(),
    currMonths = date.getMonth() + 1;
    currMinutes = date.getMinutes();

$("#day").val(currDay);
$("#month").val(currMonths);
$("#minute").val(currMinutes);
$("#hour").val(currHours);

edited Aug 11, 2011 at 13:29

answered Aug 11, 2011 at 13:28

user278064

10.2k1 gold badge36 silver badges48 bronze badges

Collectives™ on Stack Overflow

Inserting Date into INPUT field using jQuery

4 Answers 4

3 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related