jquery UI datepicker не показывает

У меня есть эта программа, и я хочу добавить jquery datepicker на нее, но по какой-то причине (возможно, ее как я поместил в порядок библиотеку) она не будет отображаться. Я создал образец .html-файла, который будет отображать только датупиксера, и он отображает дату. Вот код моего .html файла (который показывает DatePicker):jquery UI datepicker не показывает

<link rel="stylesheet" type="text/css" media="screen, projection" href="css/dynamicMenuTabStyle.css"/> 
    <link rel="stylesheet" type="text/css" href="css/ui.jqgrid.custom.css" /> 
    <link rel="stylesheet" type="text/css" href="css/redmond/jquery-ui-1.8.7.custom.css"/> 


    <script type="text/javascript" src="js/json2.js"></script> 
    <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script> 

    <script type="text/javascript" src="datepicker.js"></script>

datepicker.js код:

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

И это мой другой .html, который я хотел вставить свой DatePicker, (но, к сожалению, он не будет отображаться):

<link rel="stylesheet" type="text/css" media="screen, projection" href="css/dynamicMenuTabStyle.css"/> 
    <link rel="stylesheet" type="text/css" href="css/ui.jqgrid.custom.css" /> 
    <link rel="stylesheet" type="text/css" href="css/redmond/jquery-ui-1.8.7.custom.css"/> 

    <script type="text/javascript" src="js/json2.js"></script> 
    <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script> 
    <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>  
     <!--this is for my jqgrid--> 
    <script type="text/javascript" src="js/i18n/grid.locale-en.js"></script> 
    <script type="text/javascript" src="js/jquery.jqGrid.min.js"></script> 
    <script type="text/javascript" src="js/jquery.jqGrid.fluid.js"></script> 
     <!--this is for my other .js files--> 
    <script type="text/javascript" src="js/jquery.cookie.js"></script> 
    <script type="text/javascript" src="globalFunc.js"></script> 
    <script type="text/javascript" src="tallySheet.js"></script>  
    <script type="text/javascript" src="mainindex.js"></script> 
    <script type="text/javascript" src="prime-settings.js"></script> 
     <!--this is for my closable tabs--> 
    <script type="text/javascript" src="js/jquery-ui-1.7.2.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.7.2.js"></script> 
    <script type="text/javascript" src="js/ui.tabs.closable.min.js"></script>

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

Edit:

вот моя дата ввода внутри тега тела (этот код в два .html файла):

date: <input type = "text" id = "date" value= "[select date]" color = "gray">

источник

2011-06-17 jayAnn

Не могли бы вы объяснить, что означает код? Это не так понятно ... нет входного тега, и какие все эти вызовы .js в последнем блоке кода? –

См. Мое редактирование. У меня есть тег ввода внутри тела в файле .html. Первый .html-файл (первый в вопросе) показывает дату с этой «датой»: ' но другой .html-файл не будет показывать дату. – jayAnn

Без co mplete HTML файл будет трудно сказать, но попробуйте это:

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script> 
<script type="text/javascript" src="js/json2.js"></script> 
    <!--this is for my jqgrid--> 
<script type="text/javascript" src="js/i18n/grid.locale-en.js"></script> 
<script type="text/javascript" src="js/jquery.jqGrid.min.js"></script> 
<script type="text/javascript" src="js/jquery.jqGrid.fluid.js"></script> 
    <!--this is for my other .js files--> 
<script type="text/javascript" src="js/jquery.cookie.js"></script> 
<script type="text/javascript" src="globalFunc.js"></script> 
<script type="text/javascript" src="tallySheet.js"></script>  
<script type="text/javascript" src="mainindex.js"></script> 
<script type="text/javascript" src="prime-settings.js"></script> 
    <!--this is for my closable tabs--> 
<script type="text/javascript" src="js/ui.tabs.closable.min.js"></script>

Вы загружаете 2 версии JQuery и 3 версии jquery.ui. Сначала поместите jQuery, а затем jQuery.ui. Если это не решит проблему, можете ли вы опубликовать полный html-файл?

источник

2011-06-17 02:52:04 37Stars

эй, спасибо за это. Он работает, хотя это создает проблему с моими закрываемыми вкладками. Но сейчас это здорово. Спасибо за ответ. Мне никогда не приходило в голову про версии jquery. :) Еще раз спасибо. – jayAnn

Мне не хватало основного файла jQuery.js, чтобы поставить выше всего на моей тестовой странице датпикера. Он поставляется с загрузкой, но в папке с именем «внешний» рисунок. Спасибо – JustJohn

на основе кода, вам нужно

<input type="text" id="date" />

где-то на вашей разметке

источник

2011-06-17 02:12:55 kinakuta

yes kinakuta, я уже добавил этот код внутри тега моего тела. Но он все еще не показывает. Спасибо за ответ. :) Я думаю, это то, как я пишу свою библиотеку. – jayAnn

Вы правы 37Stars, загрузив две разные версии JQuery, вы вызываете неудачу открытия Datepicker.

источник

2013-07-15 10:20:04 Hamza

jquery UI datepicker не показывает

ответ

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