Date function format in Javascript

Question

i'm passing start date as 7/02/2014 in dd/mm/yyyy format, to add one month extra for current passed date, first i need to convert the passed var item to Date format and then i can manipulate on it.

if i try to get date like this, var newDate = new Date(startDate.val()); then i will be getting new date as 7 july 2014, i.e format of date i'm getting in response is mm/dd/yyyy.

i need output of date() to be in dd/mm/yyyy format only. how to achieve this?

Is there any other function in jquery to do this?

score 3 · Accepted Answer · answered Feb 07 '14 at 08:16

3

var dateArr = '7/02/2014'.split('/');
var date = new Date();
date.setYear(dateArr[2]);
date.setMonth(dateArr[1] -1); //month starts from 0
date.setDate(dateArr[0]);

answered Feb 07 '14 at 08:16

Vlad Nikitin

1,929
15
17

What is month starts from 0?, i didnt understand – Naruto Feb 07 '14 at 09:33
1

this means , that date.setMonth(0) will set month to January , date.setMonth(2) - March etc. – Vlad Nikitin Feb 07 '14 at 09:35
Oh, i understood +1 for your comment. Thanks – Naruto Feb 07 '14 at 11:00

Prashobh · Answer 2 · 2014-02-07T08:34:52.117

3

Use jquery

var date = $.format.date(new Date(Date), 'dd/mm/yyyy');

https://github.com/phstc/jquery-dateFormat

edited Feb 07 '14 at 08:34

answered Feb 07 '14 at 08:17

Prashobh

9,216
15
61
91

inner Date is of type string? – Naruto Feb 07 '14 at 08:29
var Date = startDate.val() ; $.format.date(new Date(Date), 'dd/mm/yyyy'); – Prashobh Feb 07 '14 at 08:33
oh, i think i need to install plugin for this :(, else i get error "Microsoft JScript runtime error: Object doesn't support this property or method" – Naruto Feb 07 '14 at 08:42
yea required , //code.jquery.com/ui/1.10.4/jquery-ui.js – Prashobh Feb 07 '14 at 09:11

score 0 · Answer 3 · answered Feb 07 '14 at 08:15

Actually I recommend jQuery Datepicker. Because really simple and comprehensible.

You dont have any edits because datepicker default options show like this : dd/mm/yyyy

jQuery;

 $(function() {
   $( "#datepicker" ).datepicker();
 });

Html;

 <p>Date: <input type="text" id="datepicker"></p>

Check it : http://jqueryui.com/datepicker/

score 0 · Answer 4 · answered Feb 07 '14 at 08:18

0

You can try this one

var newDate = new Date("2/7/2014");
var dateformat = newDate.getDate();
dateformat+="/";
dateformat+=newDate.getMonth()+1;
dateformat+="/";
dateformat+=newDate.getYear();
alert(dateformat);

answered Feb 07 '14 at 08:18

THE ONLY ONE

2,110
1
12
6

Date function format in Javascript

4 Answers4