Почему календарь DatePicker не дает заданное значение?

Question

Здесь, в html, я назначаю дату текстовому полю, но календарь средства выбора даты не будет выбирать это назначенное значение, он всегда будет показывать мне текущую дату.

Назначение значения текступоле Используя jQuery: -

 $('#datepicker').val("06-10-2018");
 
 
 $( function() {
    $( "#datepicker" ).datepicker({
      numberOfMonths: 2,
	        onSelect: function(selected) {
	           $("#txtFromDate").datepicker("option","maxDate", selected)
	        }
    });
  } );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>
<p>Date: <input type="text" id="datepicker"></p>

Как изменить текущее значение календаря в соответствии с присвоением значения текстовому полю.Может кто-нибудь поможет мне в этом.Спасибо.

Answer 1

Если вы хотите установить значение в поле ввода и обновить календарь.Тогда вам следует использовать опцию обновления bootstrap-datepicker.

$('#datepicker').val("06-10-2018");
$('#datepicker').datepicker("update");

Answer 2

Вы должны сначала инициализировать datepicker, а затем установить значение по умолчанию следующим образом:

var myDate = "06/10/2018";

$("#datepicker").datepicker({
  minDate: myDate
}).datepicker("setDate", myDate);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>
<p>Date: <input type="text" id="datepicker"></p>