how to add javascript for date picker in ASP.Net MVC 4

Question

I want to date picker widget for my view in ASP.net mvc project.here i created a java script as mentioned below but i could not able to get the date picker when i run the application. kindly help me.

java script used

$(document).ready(
  function () {$("#datepicker").mdatepicker({
          changeMonth: true,
          changeYear: true       }); }

html code for view :

<head>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.8.2.js")">
    </script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui-1.8.24.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/JavaScriptdatpickr.js")"></script>

<div class="editor-label" name="datepicker" id="datepicker">
        @Html.LabelFor(model => model.Registereddate)
    </div>
    <div class="editor-field" name="datepicker" id="datepicker">
        @Html.EditorFor(model => model.Registereddate)
        @Html.ValidationMessageFor(model => model.Registereddate)
    </div>

Kartikeya Khosla · Accepted Answer · 2014-09-06 10:16:49Z

1

There is nothing called 'mdatepicker' change this $("#datepicker").mdatepicker to this $("#datepicker").datepicker and instead of applying datepicker on div apply on #Registereddate as shown :-

$(document).ready(function () {
   $("#Registereddate").datepicker({
      changeMonth: true,
      changeYear: true      
   });
});

answered Sep 6, 2014 at 10:16

Kartikeya Khosla

18.9k8 gold badges46 silver badges70 bronze badges

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

12 Comments

ramki_ramakrishnan Over a year ago

i tried both of your suggestions,but it is not working sadly.Kindly help further to have the date picker in my page.

Kartikeya Khosla Over a year ago

@ramki_ramakrishnan...just change @Html.EditorFor(model => model.Registereddate) with @Html.TextBoxFor(model => model.Registereddate) and try..

ramki_ramakrishnan Over a year ago

i Don't know,its still not working.i have changed it to TextBox,but its still not working.

Kartikeya Khosla Over a year ago

@ramki_ramakrishnan...just press f12 in browser and see in console tab ..if its showing some error??

ramki_ramakrishnan Over a year ago

you are really awesome,there are two console errors captured.

|

Dhwani · Accepted Answer · 2014-09-06 10:17:27Z

0

Try below code if you want to bind datepicker value to Registerddate field:

$(function() {
  $('#Registereddate').datepicker({
    changeMonth: true,
    changeYear: true
  });
});

answered Sep 6, 2014 at 10:17

Dhwani

7,66618 gold badges82 silver badges143 bronze badges

2 Comments

ramki_ramakrishnan Over a year ago

sorry it is not working out for me .could you please help me little further to resolve my problem.

Dhwani Over a year ago

@ramki_ramakrishnan yes.

Collectives™ on Stack Overflow

how to add javascript for date picker in ASP.Net MVC 4

2 Answers 2

12 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

12 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related