CODEWITHSUNDEEP
javascriptjqueryasp.net-mvcasp.net-mvc-4jquery-ui-datepicker
ramki_ramakrishnan
ramki_ramakrishnan

Reputation: 199

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

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>

Upvotes: 0

Views: 720

Answers (2)

Dhwani
Dhwani

Reputation: 7626

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

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

Upvotes: 0

Kartikeya Khosla
Kartikeya Khosla

Reputation: 18873

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

Upvotes: 1

Related Questions