get proper date in jQuery

Question

I am working on one project and i am using FullCalendar and jQuery dialog.

I am using jQuery dialog because user select any time-slot they will be see one dialog box and inside of that dialog box i will pass start and end time.

But problem is that fullCalendar pass start argument as date object which is Date {Tue Apr 02 2013 00:00:00 GMT+0530 (India Standard Time)} now problem is that how can just display 02-04-2013 00:00:00 i do not want to use more plugin as its already have too much js included.

What i have?

jQuery Dialog code

$( "#dialog-form" ).dialog({
    autoOpen: false,
    modal: true,
    buttons:
    {
        "Create an event": function()
        {
            var bValid = true;
            if ( bValid )
            {
                //adding event to calendar code
                $( this ).dialog( "close" );
            }
        },
        Cancel: function()
        {
            $( this ).dialog( "close" );
        }
    },
    close: function()
    {
        allFields.val( "" ).removeClass( "ui-state-error" );
    }
});

FullCalendar

var calendar = $('#calendar').fullCalendar(
{
    header:
    {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    selectable: true,
    selectHelper: true,
    select: function(start, end, allDay)
    {
        console.log(start);
        $("#dialog-form input#start_time").val(start);
        $("#dialog-form input#end_time").val(end);
        $( "#dialog-form" ).dialog( "open" );
        calendar.fullCalendar('unselect');
    },

I pasted only half code here because its too long and its not necessary to add it here.

Thanks

You can try: `$.datepicker.formatDate('dd-mm-yy', start);`. Hope this will give you some idea. PS, This depends on jQ Datepicker. — Ketan Modi, Apr 02 '13 at 06:37
This should help: [Formatting date in JavaScript]( http://stackoverflow.com/questions/1056728/formatting-a-date-in-javascript) — Vimal Stan, Apr 02 '13 at 06:39
@VimalStan i already seen it but its only output me month date and year not time...see my answer i solved it — Dipesh Parmar, Apr 02 '13 at 06:41
Have you tried: `$.fullCalendar.formatDate( start, 'dd-MM-yyyy HH:mm:ss' );` — Ketan Modi, Apr 02 '13 at 06:41
@Ronak put that as answer i will accept it....that works too...i wanted easy way and i think that is it...put it as answer.. — Dipesh Parmar, Apr 02 '13 at 06:43

score 3 · Accepted Answer · answered Apr 02 '13 at 06:48

3

$.fullCalendar.formatDate( start, 'dd-MM-yyyy HH:mm:ss' );

answered Apr 02 '13 at 06:48

Ketan Modi

1,780
1
16
28

I've not used fullCalendar in my whole life... :) – Ketan Modi Apr 02 '13 at 06:48
Thanx for quick and perfect solution provided in comment...+1 for u...and accepted it – Dipesh Parmar Apr 02 '13 at 06:48
so i guess this was the chance to dive into fullCalendar...lol – Dipesh Parmar Apr 02 '13 at 06:49

score 1 · Answer 2 · answered Apr 02 '13 at 06:39

Well Thanx guys for looking and commenting on question but i found it out.

var startDate = start.getFullYear() + "-" + getOtherFiled(start.getMonth()) + "-" + getOtherFiled(start.getDate()) + " " +  getOtherFiled(start.getHours()) + ":" + getOtherFiled(start.getMinutes()) + ":" + getOtherFiled(start.getSeconds());

function getOtherFiled(obj)
{
    if (obj<10)
       return "0"+obj;
    return obj;
}

above code successfully output '2013-03-03 02:30:00' and so on.

score 0 · Answer 3 · answered Apr 02 '13 at 06:40

0

update

Full calendar has a built in conversion utility

$.fullCalendar.formatDate( date, formatString [, options ] )

Old answer

start is a date object so you can do something as below

var curDate = start.getDate();
var curMonth = (parseInt(start.getMonth())+1);
var curYear = start.getFullYear();

alert(curDate+'-'+curMonth+'-'+curYear);

here is a Live fiddle example.

answered Apr 02 '13 at 06:40

Jay Mayu

17,023
32
114
148

getting the time from the date object is just as getting date and year right? `gethours()`, `getMiniutes()`. [Full reference here](http://www.w3schools.com/jsref/jsref_obj_date.asp#gsc.tab=0). btw there is built in utility for full calendar for date conversion. – Jay Mayu Apr 02 '13 at 06:46
ahh I see that in your answer :) – Jay Mayu Apr 02 '13 at 06:47

get proper date in jQuery

3 Answers3

update

Old answer