Question

我有一个输入元素，带有使用bootstrap-datepicker创建的附加日期选择器。当用户通过直接在输入元素中键入来更改日期，然后单击日历图标时，更改后的日期不会反映在日历中

Sharpnado.Presentation.Forms

Answer 1

<!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>

BootStrap DatePicker日历输入更改未更新日历

1 个答案: