JQuery datapicker не работает на второй клик

Question

может кто-нибудь помочь мне найти проблему позади DatePicker в из и в разделе http://dev.ther8server.com

Когда я нажимаю на от даты и выберите дату и снова нажмите на от DatePicker не выскакивать. Мне нужно нажать на to или где-нибудь в теле, а затем снова нажмите from, чтобы он работал. Я действительно пытаюсь найти причину этой проблемы. Может кто-нибудь помочь мне с любыми предложениями. Благодарю.

Эта проблема относится только к Chrome и Safari. Он отлично работает в Firefox.

HTML код:

<li class="date-field" id="from"> 
        <a href="#" onclick="return false;" class="calendar">opener</a> 
        <input type="text" value="Check in" name="date_in" value="" /> 
        <div class="datepicker-holder"></div> 
        </li> 
        <li class="date-field" id="to"> 
        <a href="#" onclick="return false;" class="calendar">opener</a> 
         <input type="text" value="Check out" name="date_out" /> 
         <div class="datepicker-holder"></div> 
        </li> 

Импорт & JS:

<script type="text/javascript" src="/assets/js/jquery-1.8.3.min.js"></script> 


    <script src="/assets/js/frontend/jquery-ui-1.10.2.custom.js"></script> 

    <script type="text/javascript" src="/assets/js/jquery.main.js"></script> 
    <script type="text/javascript" src="/assets/js/main.js"></script> 
    <script type="text/javascript" src="/assets/js/loadmask/jquery.loadmask.js"></script> 
    <!--[if lt IE 9]><link rel="stylesheet" type="text/css" href="/assets/css/ie.css" /><![endif]--> 

    <script type="text/javascript"> 
    var jslocale = "en-AU"; 
    var ajaxload = ""; 

    var search_params = {"global_keywords":"","referer_page":"","keywords":"","room":false,"date_in":"","date_out":"","hotel_id":"","destination_id":"","date_in_stamp":"","date_out_stamp":"","view_type":"","trip_rating":"","star_rating":"","min_rate":"","max_rate":"","amenities":"","sort":"","all_results":"","roomCode":"","rateCode":"","bedCode":"","allStarsSelection":"","region_id":"","lang":null,"country":null,"curr":null}; 


    </script> 

Answer 1

Во-первых, я не совсем понимаю, почему вы используете, что много кода для управления двумя простыми datepickers вместо использования jQueryUI's default ,

Во-вторых, я могу видеть, что вы открываете DatePicker после пользователь нажимает на входах, но связывание связано с событием фокус вместо щелчка события.

Когда вы выбираете дату, вы скрываете datepicker и программно запускаете событие фокусировки, чтобы вернуть курсор на вход. Проблема в том, что событие фокуса срабатывает только один раз. Он не запускается снова, просто щелкнув элемент с сосредоточенным объектом. Пока вы не запустите событие размытия, щелкнув его.

Быстрое и грязное предложение для your script. Изменение:

input.bind('focus',function(){ 
       showDatepicker(); 
      }) 

в

input.bind('click',function(){ 
      showDatepicker(); 
     })