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

您应首先初始化datepicker，然后设置默认值，如下所示：

＆＃13;

var myDate = "06/10/2018";

$("#datepicker").datepicker({
  minDate: myDate
}).datepicker("setDate", myDate);

＆＃13;

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

＆＃13;

Answer 2

如果您想设置输入字段的值并更新日历。然后，您应该使用bootstrap-datepicker的更新选项。

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

为什么datepicker日历不会给出指定的值？

2 个答案: