JQuery UI DatePicker не показывает - PullRequest
Новая
       1

JQuery UI DatePicker не показывает

1 голос
/ 17 июня 2011

У меня есть эта программа, и я хочу добавить в нее jquery datepicker, но по какой-то причине (возможно, именно так, как я привел в порядок библиотеку), она не будет отображаться.Я создал образец .html-файла, который будет отображать только средство выбора даты, и оно отображает средство выбора даты.Вот код моего файла 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?Пожалуйста помоги.

Редактировать:

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

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

Ответы [ 3 ]

2 голосов
/ 17 июня 2011

Без полного 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-файл?

0 голосов
/ 15 июля 2013

Вы правы 37Stars, загружая две разные версии JQuery, вы вызываете ошибку открытия DatePicker.

0 голосов
/ 17 июня 2011

На основании вашего кода вам нужно 

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

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

...