JQuery мобильный выбор даты отображается дважды - PullRequest
Новая
       2

JQuery мобильный выбор даты отображается дважды

1 голос
/ 06 августа 2011

В настоящее время я использую Jquery UI datepicker.Но указатель даты отображается дважды (дублируется) на моей странице.Он отлично работает, когда я использую DatePicker на первой странице.Ниже приведен пример.Вы можете запустить этот пример для просмотра проблемы ..... 

<!DOCTYPE html> 
<html> 
<head> 
    <title>Datepicker Test</title> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css"/>
    <link rel="stylesheet" href="http://jquerymobile.com/demos/1.0a3/experiments/ui-datepicker/jquery.ui.datepicker.mobile.css" />
    <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
    <script src="http://jquerymobile.com/demos/1.0a3/experiments/ui-datepicker/jQuery.ui.datepicker.js"></script>
    <script src="http://jquerymobile.com/demos/1.0a3/experiments/ui-datepicker/jquery.ui.datepicker.mobile.js"></script>
    <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
</head> 
<body> 

<!-- Start of first page -->
<div data-role="page" id="firstPage">
   <div data-role="header">
        <h1>First page</h1>
   </div><!-- /header -->

    <div data-role="content">   
        <p><a href="#secondPage">Next page with a Datepicker</a></p>    

    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /footer -->

</div><!-- /page -->

<!-- Start of second page -->
<div data-role="page" id="secondPage">
    <div data-role="header">
        <h1>Second page</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <label for="date">Date Input:</label>
        <input type="date" name="date" id="my_date" value=""  />
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /header -->
</div><!-- /page -->

</body>
</html>

1 Ответ

0 голосов
/ 22 февраля 2019

Если у вас возникают проблемы с отображением jQuery дважды при каждом его запуске, вы можете использовать функцию $('.datepicker').hide(), чтобы автоматически скрывать средство выбора даты и времени, если вы выбрали дату. Ниже приведен пример кода: 

$(document).on("changeDate", "your input type", function(e)
{
    $('.datepicker').hide();
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...