ASP.NET MVC - средство выбора даты jquery - PullRequest
Новая
       27

ASP.NET MVC - средство выбора даты jquery

8 голосов
/ 23 мая 2009

Хорошо, я новичок в ASP.NET MVC и JQuery.

Я следовал следующему примеру до буквы , и я не могу заставить работать средство выбора даты:

http://codesprouts.com/post/Creating-A-DatePicker-Extension-In-ASPNet-MVC.aspx

Может кто-нибудь сказать мне, есть ли какие-нибудь галочки или ошибки с этим?

Bernard.

Ответы [ 7 ]

11 голосов
/ 23 мая 2009

Используйте jquery, размещенный в Google. 

<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js">
</script>

Вам также понадобится ссылка на желаемую CSS. 

$().ready(function()
{
    $('#from').datepicker({ dateFormat:'yy-mm-dd' });
});

<html>
...
<input id="from" class="date-field" name="from" type="text" >
3 голосов
/ 10 февраля 2011

В этом сообщении в блоге содержится отличный обзор интеграции средства выбора даты jQuery в сайт MVC 3.

Некоторые другие образцы, которые я смог найти, были сфокусированы на MVC1 и 2.

1 голос
/ 23 мая 2009

Без более конкретной информации трудно понять, что происходит.

Одна очевидная вещь для начала, убедитесь, что теги src для ваших файлов скриптов верны. Имя файла в файле jquery-ui .js изменится, если вы загрузите стандартную или пользовательскую версию, поэтому стоит дважды проверить, что теги сценария в вашем коде соответствуют именам файлов. Вкладка «Net» аддона Firebug для Firefox - реальная помощь для быстрого обнаружения файлов, которые ваша страница не может найти - она ​​выделяет все найденные файлы красным цветом - как правило, экономит много времени.

0 голосов
/ 01 сентября 2009

Вкладки 

            UL.tabNavigation {
                list-style: none;
                margin: 0;
                padding: 0;
            }

            UL.tabNavigation LI {
                display: inline;
            }

            UL.tabNavigation LI A {
                padding: 3px 5px;
                background-color: #ccc;
                color: #000;
                text-decoration: none;
            }

            UL.tabNavigation LI A.selected,
            UL.tabNavigation LI A:hover {
                background-color: #333;
                color: #fff;
                padding-top: 7px;
            }

            UL.tabNavigation LI A:focus {
                    outline: 0;
            }

            div.tabs > div {
                    padding: 5px;
                    margin-top: 3px;
                    border: 5px solid #333;
            }

            div.tabs > div h2 {
                    margin-top: 0;
            }

            #first {
                background-color: #f00;
            }

            #second {
                background-color: #0f0;
            }

            #third {
                background-color: #00f;
            }

            .waste {
                    min-height: 1000px;
            }
-->
</style>

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

   <script  type="text/javascript">
       $(function() {
           $("#datepicker").datepicker();
       });

Дата:

Загрузите js-файлы из JQUERY и поместите их в локальную папку на своем компьютере, если вы используете Visual Studio, просто перетащите файл на поверхность конструктора. Не забудьте также связать CSS-файл. То, что я делаю для каждого проекта, находится в моем месте загрузки. Я добавляю js-файлы в папку с именем Scripts в моем проекте и css-файлы в папку с именем CSS.

0 голосов
/ 27 мая 2009

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

0 голосов
/ 24 мая 2009

В прошлом у меня были трудности с использованием средства выбора даты jQuery, когда я использовал весь CSS-файл jquery UI в одном файле. то, что я в итоге сделал, и что мне показалось удачным, - это включил различные CSS-файлы jQuery UI отдельно, по мере необходимости, на мою или главную страницу. Когда я включил указатель даты в отдельный файл CSS, он работал.

YMMV

0 голосов
/ 23 мая 2009

Посмотрите, сможете ли вы сначала настроить средство выбора даты только в HTML. Таким образом вы можете устранить ошибки, вызванные неправильным именем файла в тегах src и т. Д. Как только вы это сделаете, вы сможете добавить его к решению MVC, описанному в статье.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...