Как использовать jQuery Timepicker в mvc 3?

Пока мой мозг не истечет кровью, я все еще не могу решить эту проблему. Я должен использовать jQuery timepicker в своем текстовом поле в mvc3-View.

Внутри моего Layout.cshtml

<title>@ViewBag.Title</title>
 

 
 

 
 
 

 <!--[if !IE 7]>
 <style type="text/css">
 #wrap {display:table;height:100%}
 </style>
 <![endif]-->


 <div id="wrap">
 <div id="main">
 <div id="tabs">
 <ul id="menu">
 <li id="menu-first-item">
 @Html.ActionLink("Home", "Index", "Home")</li>
 </ul>
 </div>
 <div id="render">
 @RenderBody()
 </div>
 </div>
 </div>

Внутри Create View:

<div id="page-title">
 <h2>
 Create new shift</h2>
 <div id="Optiontab">
 @Html.ActionLink("Browse", "Index")
 </div>
</div>
@using (Html.BeginForm())
{
 @Html.ValidationSummary(true)
 <div>
 <div>
 @Html.LabelFor(model => model.WorkDuration)
 </div>

 <div>
 @Html.TextBoxFor(model => model.WorkDuration)
 @Html.ValidationMessageFor(model => model.WorkDuration)
 </div>
 </div>
 }

Идентификатор текстового поля - "WorkDuration". Таймер не показывает. Теперь, что я пропустил? Надеюсь, кто-то может помочь. Благодарю!

**

РЕДАКТИРОВАТЬ

**

Я нашел ответ, это должно работать сейчас:

Внутри layout.cshtml

<title>@ViewBag.Title</title>

 
 

 

 
 
 
 

 

 <!--[if !IE 7]>
 <style type="text/css">
 #wrap {display:table;height:100%}
 </style>
 <![endif]-->

Справка:

Тема Timepicker не работает

Спасибо за все ответы !!

4 ответа

Должна быть некоторая проблема с названием вашего текстового поля WorkDuration.

Но если имя текстового поля определенно содержит WorkDuration, тогда атрибут jquery содержит селектор, который будет применять таймер.

Из вашего комментария ниже кажется, что вы, возможно, не ссылались на свои сценарии правильно, Asp.Net MVC называет папку, в которой хранятся файлы javascript, как скрипты, в то время как ваш код ссылается на папку с именем Script.

Вы можете убедиться, что у вас есть правильное имя папки, перетащив любые файлы, которые вы хотите ссылаться, из своей папки на страницу макета.

Я мог бы заставить timepicker работать, используя приведенный ниже код.

Скрипты и CSS:

HTML:

JQuery:


используйте этот jquery: jquery.ptTimeSelect.js

Время:

$ (document).ready(function() {

var uId = 'ptTimeSelect_' + jQuery.ptTimeSelect._counter;
 $("#incidenttime").ptTimeSelect();
 $("#incidenttime").click(function () { $.ptTimeSelect.openCntr('' + uId + ''); });
 $("#incidenttime").focus(function () { jQuery.ptTimeSelect.openCntr('' + uId + ''); });
 $("#incidenttime").keypress(function (event) {
 if (event.keyCode == 13) {
 jQuery.ptTimeSelect.setTime();
 return false;
 }
 });
});

Это лучший способ, я так думаю.


Вместо:

Использование:

Это должно работать


Вы пробовали без, аддоны timepicker, и использовали просто дампикер?

как это:

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

licensed under cc by-sa 3.0 with attribution.