ASP.NET MVC3: Datetimepicker не будет работать - PullRequest
Новая
       4

ASP.NET MVC3: Datetimepicker не будет работать

1 голос
/ 18 ноября 2011

Я не могу заставить работать средство выбора даты и времени.

В макете частичное у меня есть 

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>

На мой взгляд: 

@{
    ViewBag.Title = "Insert Task";
    <script type="text/javascript">
        $('#ActionDateTime').datetimepicker();
    </script>
}

Вот мое поле 

@Html.Label("Action Date") @Html.TextBox("ActionDateTime")

EDIT:

Таким образом, исходный код страницы теперь выглядит следующим образом после применения изменений: В голове у меня есть: (это правильно связано, нажав ссылку открывает файл js) 

<script src="/Scripts/jquery-ui-timepicker-addon.js" type="text/javascript"></script>

и тело у меня: 

    <input id="ActionDateTime" name="ActionDateTime" type="text" value="" />
    <script type="text/javascript">
        $(document).ready(function () {

            $('#ActionDateTime').datetimepicker();


        });

    </script>

Все еще не работает.

Ответы [ 4 ]

1 голос
/ 18 ноября 2011

datetimepicker не является частью базовой библиотеки jQuery.Вы должны включить этот скрипт вместе с библиотекой пользовательского интерфейса jQuery.

datetimepicker плагин http://trentrichardson.com/examples/timepicker/js/jquery-ui-timepicker-addon.js

библиотека пользовательского интерфейса jQuery http://jqueryui.com/download

Включите оба в своей голове /или в секции foot, где есть ссылка на библиотеку jQuery, НО ниже ссылки на библиотеку jQuery.

Также включите таблицу стилей пользовательского интерфейса jQuery в зависимости от выбранного стиля.

1 голос
/ 18 ноября 2011

Поскольку datetimepicker() не является частью ядра jQuery, вам нужно добавить ссылку на скрипт для плагина следующим образом: 

<script src="@Url.Content("~/Scripts/jquery-datetimepicker.min.js")" type="text/javascript"></script>

После этого вы должны переместить блок скрипта из фигурных скобоки поместите его где-нибудь под вводом, как это: 

@Html.TextBox("ActionDateTime")
<script type="text/javascript">
    $('#ActionDateTime').datetimepicker();
</script>

Тем не менее, вы должны взглянуть на EditorTemplates, который поможет вам сохранить ваши взгляды в чистоте.

1 голос
/ 18 ноября 2011

и добавьте код внутри $(document).ready 

<script type="text/javascript">

$(document).ready(function(){

 $('#ActionDateTime').datetimepicker();


});

</script>
1 голос
/ 18 ноября 2011

Я вижу, вы включили скрипт jQuery, но вы также включили скрипт для плагина DateTimePicker?

Начиная с googling, этот выглядит как плагин, который вы пытаетесь использовать, поэтому вам нужно скачать оттуда JS, а затем добавить следующую строку под текущей строкой скрипта jQuery. : 

<script src="@Url.Content("~/Scripts/jquery-ui-timepicker-addon.js")" type="text/javascript"></script>

Также было бы целесообразно переместить ваш тег <script> из блока кода Razor, так как он не нужен. Поместите его либо в <head>, либо непосредственно перед тегом </body>.

...