Converting Datetime C# type to Date javascript in asp.net mvc razor application

Question

I have a problem in converting date in javascript . i try this snippet:

$(document).ready(function () {
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();

            $('#calendar').fullCalendar({
                theme: true,
                header: {left: 'prev,next today',center: 'title',right: 'month,agendaWeek,agendaDay'},
                editable: true,
                events: [
                            {
                    title: 'Birthday Party',
                    start: new Date(y, m, d+1, 19, 0),
                    end: new Date(y, m, d+1, 22, 30),
                    allDay: false
                    }
                        ]

                });
            });

and it works, but if i change it to:

 $(document).ready(function () {
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();

            $('#calendar').fullCalendar({
                theme: true,
                header: {left: 'prev,next today',center: 'title',right: 'month,agendaWeek,agendaDay'},
                editable: true,
                events: [
                         @foreach (var m in Model.Get_List_Tache())
                          {
                        @:{ title: "Tache_description", start: new Date(@m.Begin_date.Year +"," + @m.Begin_date.Month +","+ @m.Begin_date.Day ) , end: new Date( @m.End_date.Year +"," [email protected]_date.Month +"," + @m.End_date.Day ) }
                          }
                        ]

                });
            });

There is a syntaxic error in the format of date.

So what is the reason of this error? How can i fix it?

possible duplicate of Accessing C# variable from Javascript in asp.net mvc application — Darin Dimitrov
– Darin Dimitrov, Commented Jul 16, 2013 at 10:30
Why are you using a foreach? I don't think it would like it if you tried to set those properties twice. — krillgar
– krillgar, Commented Jul 16, 2013 at 10:30
Do a 'view source'. I suspect that your loop is outputting invalid JavaScript. — Adrian Wragg
– Adrian Wragg, Commented Jul 16, 2013 at 10:31

Vasil Galinovsky · Accepted Answer · 2014-11-18 21:14:41Z

8

You can use this solution

start: new Date(@m.Begin_date.ToString("yyyy,MM-1,dd"))

answered Nov 18, 2014 at 21:14

Vasil Galinovsky

4344 silver badges10 bronze badges

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

1 Comment

ali-myousefi Over a year ago

var date = new Date(@DateTime.ToString("yyyy,MM-1,dd,HH,mm,ss"))

krillgar · Accepted Answer · 2013-07-16 13:50:04Z

2

I'm still with FosterZ, but you should also get rid of the + as well.

So instead of

start: new Date(@m.Begin_date.Year +"," + @m.Begin_date.Month +","+ @m.Begin_date.Day ) ,

try

start: new Date(@m.Begin_date.Year , @m.Begin_date.Month , @m.Begin_date.Day ) ,

If that still doesn't work, then view the source of the page, and see what is being put into the Javascript there. It's most likely not what you're expecting it to be. If you can't figure it out, add that to your question and we can take a look at it.

answered Jul 16, 2013 at 13:50

krillgar

12.9k6 gold badges56 silver badges91 bronze badges

1 Comment

NiallMitch14 Over a year ago

Almost! Remember to -1 to the month as months in JavaScript start at 0 and not 1 like C# DateTime

Mike · Accepted Answer · 2018-06-05 14:47:06Z

1

You can just use c#'s DateTime.ToLongDateString() and pass it into the constructor of the Date object in javascript as long as you want the date as is without modification.

 start: new Date(@m.Begin_date.ToLongDateString());

answered Jun 5, 2018 at 14:47

Mike

1,7111 gold badge16 silver badges13 bronze badges

Collectives™ on Stack Overflow

Converting Datetime C# type to Date javascript in asp.net mvc razor application

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related