BootStrap Изменение ввода календаря DatePicker без обновления календаря - PullRequest
Новая
       2

BootStrap Изменение ввода календаря DatePicker без обновления календаря

0 голосов
/ 29 мая 2020

У меня есть элемент ввода с прикрепленным datepicker, созданный с помощью bootstrap -datepicker. Когда пользователь изменяет дату, вводя ее непосредственно в элемент ввода, а затем щелкает значок календаря, измененная дата не отражается в календаре 

 <div class="col-lg-6 col-md-6 col-sm-6">

    <div class="input-append date" id="calendar_toDate" data-date="12/31/2999" data-date-format="mm/dd/yyyy"><input type="Text" alt="toDate" id="toDate" name="toDate" enabled="" onblur="Javascript:checkDate(this, '', 'R');" value="12/31/2999" size="10" maxlength="10" class="input input-small" data-req="Y" aria-required="true" data-type="d">

<span class="add-on" title="Date Picker"><i class="icon icon-calendar"></i></span> 
</div>

<script type="text/javascript"> 
    $(function(){ 
    window.prettyPrint && prettyPrint(); 
    $('#calendar_toDate').datepicker(); 
    }); 
    function calenderDataChange(){
    javascript:dataChangeCheckRoleDate();} 
    $('#calendar_toDate').datepicker({ 
    format : 'mm/dd/yyyy', 
    startDate:'01/01/1900', 
    endDate:'12/31/2999', 
    autoClose:true ,
    orientation:'auto right' 
    }).on('changeDate',function(ev){ 
    $(this).datepicker('hide'); 
    }); 
    </script> 
    <span class="required"></span>

    </div>

1 Ответ

0 голосов
/ 29 мая 2020 

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
    $(function() {
      $("#datepicker").datepicker();
    });
  </script>
  <title>Document</title>
</head>

<body>
  <div class="col-lg-6 col-md-6 col-sm-6">
    <p>Date: <input type="text" id="datepicker"></p>

  </div>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...