CODEWITHSUNDEEP
jquerydatetimeinput
jonny pixel
jonny pixel

Reputation: 267

Inserting Date into INPUT field using jQuery

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?

Upvotes: 6

Views: 4165

Answers (4)

Joseph Marikle
Joseph Marikle

Reputation: 78520

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())

Upvotes: 3

user278064
user278064

Reputation: 10170

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);

Upvotes: 0

FishBasketGordo
FishBasketGordo

Reputation: 23132

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

Upvotes: 0

James Allardice
James Allardice

Reputation: 165941

$(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.

Upvotes: 9

Related Questions