简体   繁体   English

如何在ASP.Net MVC 4中为日期选择器添加JavaScript

[英]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. 我想为ASP.net mvc项目中的视图添加日期选择器小部件。在这里,我创建了如下所述的Java脚本,但是运行应用程序时无法获取日期选择器。 kindly help me. 请帮助我。

java script used 使用的Java脚本

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

html code for view : 查看的html代码:

<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>

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 :- 没有什么所谓的'mdatepicker'改变这个$("#datepicker").mdatepicker这个$("#datepicker").datepicker和而不是应用datepickerdiv上应用#Registereddate如图所示: -

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

Try below code if you want to bind datepicker value to Registerddate field: 如果要将datepicker值绑定到Registerddate字段,请尝试以下代码:

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM