कैसे मेरी MVC3 उस्तरा पृष्ठ पर Html.Editorfor

Question

के लिए एक datepicker प्राप्त करने के लिए मैं एक दिनांक फ़ील्ड

@Html.EditorFor(model => model.Member.Dob) 

नीचे दिए गए है कोड मैं जन्म क्षेत्र की तिथि के लिए एक datepicker प्राप्त करने की कोशिश कर रहा हूँ।

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<script type="text/javascript"> 
     $(document).ready(function() { 
      debugger; 
      $("#Member_Dob").datepicker(); 
     }); 
    </script> 

लेकिन जब मैं इस पेज मैं त्रुटि हो रही है चलाने

Microsoft JScript runtime error: Object doesn't support property or method 'datepicker' 

कृपया सहायता से आप अपने पृष्ठ पर datepicker जोड़ने के लिए एक रास्ता खोजने

Answer 1

आप में एक EditorTemplate बनाने की आवश्यकता होगी आपकी दृश्य \ साझा \ संपादक टेम्पलेट फ़ोल्डर। इसे डेटटाइम.cshtml नाम दें।

@model System.DateTime? 
<div class="editor-label"> 
    @Html.Label("") 
</div> 
<div class="editor-field"> 
    @Html.TextBox("", String.Format("{0:MM/dd/yyyy}",(Model == DateTime.MinValue)? null : Model), new { @class="text"}) 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#@ViewData.ModelMetadata.PropertyName").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      dateFormat: 'mm/dd/yy', 
      gotoCurrent: true 
     }); 
    }); 
</script> 

इस प्रकार के रूप में यह प्रयोग करें: निम्नलिखित कुछ ऐसा दिखाई देगा

@Html.EditorFor(model => model.Member.Dob) 

Answer 2

इस आलेख में इस पूरी तरह से शामिल किया गया है: http://blogs.msdn.com/b/stuartleeks/archive/2011/01/25/asp-net-mvc-3-integrating-with-the-jquery-ui-date-picker-and-adding-a-jquery-validate-date-range-validator.aspx