2016-02-08 7 views
-1

Я новичок в MVC собирается создать application.I хочет отобразить DatePicker в моем приложении на textbox.I написал код в виде .cshtmlDatePicker не работает в mvc4

<link href="~/Content/themes/base/minified/jquery.ui.datepicker.min.css" rel="stylesheet" /> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"/> 
<link rel="stylesheet" href="/resources/demos/style.css"> 

<script> 

    $(document).ready(function() { 
     $("#date").datepicker(); 
    }); 
</script> 
<h2>Index</h2> 
<input type="text" id="date" /> 

Когда я нажимаю на текстовом поле он не работает Пожалуйста, помогите, если кто-нибудь задумается об этом.

+0

Является ли jQuery UI включенным в страницу? Любые ошибки на консоли JavaScript? Код работает нормально: https://jsfiddle.net/5e4d2k00/ – David

+0

Код преобразования для удобства чтения, добавлены соответствующие теги. – maxhb

ответ

-1

jQuery UI Включите в свой сценарий, добавьте class="datepicker", где вы хотите, чтобы ваш DatePicker к появляться, и добавить эту функцию:

$(function() { 
    $(".datepicker").datepicker(); 

}); 
+0

Как это отличается от того, что делает OP? Что не так с использованием 'id' вместо' class'? – David

+0

Но что, если я хочу, чтобы дампикер появлялся в более чем одном месте в моей форме? –

+0

Затем вы помещаете на страницу несколько элементов. Как это связано с вопросом? Этот ответ предполагает, что проблема в исходном вопросе заключается в том, что в качестве селектора использовался «id». Это не проблема. «Id» является допустимым селектором в jQuery. – David

0

В вас bundleConfig.cs файл первым написать **bundleTable.bundles.Usecdn = true** после этого добавить вам CDN ссылки в голову раздел layout.cshtml и после этого писать этот код в головной части layout.cshtml

<script> 
    $(document).ready(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 

здесь Asign id = datepicker на вход, где вы хотите показать

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