JQuery DatePicker не загружается в MVC4

-1

В моем макете я ссылаюсь следующие файлы:JQuery DatePicker не загружается в MVC4

<link type="text/css" href="~/Content/jquery-ui-1.8.20.custom.css" rel="stylesheet" /> 
    <script src="~/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script> 
    @*<script src="~/Scripts/jquery-ui-1.8.20.min.js" type="text/javascript"></script>*@ 
    <script src="~/Scripts/jquery-ui-1.8.20.custom.min.js" type="text/javascript"></script>

в моем index.cshtml я добавил следующую строку внутри тега <script>

$("#Start_Date").datepicker();

моего ввода в Тип текста:

<input type="text" name="Start_Date" id="Start_Date" />

Но он показывает ошибку:

TypeError: $(...).datepicker is not a function

Я проверил все файлы, но не обнаружил ошибок. Любой ключ будет оценен.

Благодаря

источник

2015-05-05 Rashedul.Rubel

Попробуйте использовать более позднюю версию ' jQuery-ui' – Pleasure

Можете ли вы опубликовать еще какой-нибудь код, например, как вы инициализируете datepicker? Возможно, вам потребуется инициализировать datepicker, например: $ («# datepicker»). Datepicker ({ dateFormat: "dd/mm/yy", showOn: "button", buttonImage: "../Content/images/calendar ,gif ", buttonImageOnly: true, buttonText:" Select date ", onSelect: function (dateText) { // alert (" Выбранная дата: "+ dateText +"; текущее значение ввода: "+ this.value); RetrieveCalendar();} }); –

Почему вы прокомментировали оригинальный 'Jquery-ui.js' файл и включить' customer.min.js' –

Я думаю, что вы добавили jQuery дважды. Используйте обновленный.

Там может быть несколько причин:

jquery.ui используется до JQuery.
$ используется другой библиотекой.

источник

2015-05-05 12:39:34

Как это порождает такую ошибку? – dsharew

На удивление это показывает TypeError: $ (...). Datepicker не является функцией при загрузке dom. –

вам, возможно, потребуется инициализировать DatePicker как:

$("#datepicker").datepicker({ 
     dateFormat: "dd/mm/yy", 
     showOn: "button", 
     buttonImage: "../Content/images/calendar.gif", 
     buttonImageOnly: true, 
     buttonText: "Select date", 
     onSelect: function (dateText) { 
      //alert("Selected date: " + dateText + "; input's current value: " + this.value); 
      RetrieveCalendar(); 
     } 
    });

HTML:

<input type="text" id="datepicker" class="col-lg-8 col-md-8 col-sm-8 form-control" placeholder="Select Date" readonly>

источник

2015-05-05 12:43:34

<!doctype html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
     $(function() { 
     $("#datepicker").datepicker(); 
     }); 
    </script> 
    </head> 
    <body> 
    <p>Date: <input type="text" id="datepicker"></p> 
    </body> 
</html>

источник

2015-05-05 12:45:21

https://api.jquery.com/ready/

<link type="text/css" href="~/Content/jquery-ui-1.8.20.custom.css" rel="stylesheet" /> 
<script src="~/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>  
<script src="~/Scripts/jquery-ui-1.8.20.custom.min.js" type="text/javascript"></script> 

$(function() { 
    $("#Start_Date").datepicker(); 
});

источник

2015-05-05 12:46:51 Naami

Да Наконец я получил решение, Это было на самом деле из-за MVC4 цели:

Я закомментированного следующие файлы из _layout.cshtml:

@*@Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr") 
    @Scripts.Render("~/bundles/jquery")*@

А потом добавил мои нужные файлы в головной части _layout.cshtml:

<script src="~/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script> 
<script src="~/Scripts/jquery-ui-1.8.20.custom.min.js" type="text/javascript"></script> 
<link type="text/css" href="~/Content/jquery-ui-1.8.20.custom.css" rel="stylesheet" />

А затем в индексном представлении ошибка прошла.

$(function() { 
    $("#Start_Date").datepicker(); 
});

Также выше фрагмент кода работает отлично :)

Просмотр по ссылке, приведенной ниже, чтобы получить знания о пучках относительно этого в MVC4: http://www.c-sharpcorner.com/UploadFile/abhikumarvatsa/jquery-ui-datepicker-in-mvc-4-issue/

источник

2015-05-06 05:12:30

JQuery DatePicker не загружается в MVC4

ответ

Смежные вопросы