2015-04-12 4 views
-3

В приведенном ниже коде у меня есть jquery datepicker.I попытался реализовать в bootstrap modal. Но он не работает .Pls помогают мне решить проблему.JQuery Datepicker не работает в bootstrap modal

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" /> 
    <script type="text/javascript"> 
     $(function() { 
      $("[id$=txtdob]").datepicker({ 
       showOn: 'button', 
       buttonImageOnly: true, 
       buttonImage: 'images/calendar.gif' 
      }); 
     }); 
    </script> 


<input type="text" style="width:30%" id="txtdob" name="nmdob" class="form-control" runat="server" placeholder="Dob" /> 

ответ

0

Вы должны вызвать функцию в OnLoad тела(), так как на начальной загрузке, элементы не инициализированы, так что вы не можете получить доступ к DOM.

+0

Я использую главной страницы, так я могу позвонить на оконном OnLoad – user4779701

+0

Можете ли вы изменить свою главную страницу, так что Элемент '' содержит атрибут 'onload =" init(); "'? Затем вызовите функцию 'init()'. – user4759923

+0

Я работаю над приложением, которое ссылается на главную страницу, поэтому я не могу удалить главную страницу, есть ли другая возможность. – user4779701

0

изменение

$("[id$=txtdob]").datepicker({ 

в

$("#txtdob").datepicker({ 

и поместить его в $(document).ready...

+0

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

+0

Пожалуйста, уточните * почему * это решит вопрос и отредактирует ваш ответьте соответственно. –

+0

Это швы, что я ошибаюсь. Не видел, что у вас уже есть $ (function() {}; то же самое, что $ (document) .ready(); Можете ли вы опубликовать jsfiddle? – Danko

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