Question

在此图像中，您可以看到日期显示

但是在第二张图像（日期选择器）中，它显示了今天的日期而不是所选的日期。我的代码在下面

 < input name="period" id="period" type="text" value="{{$item->period}}" class="validate date-picker" >

JavaScript代码为：

 $('.datepicker').datepicker({
    format: 'yyyy-mm-dd'
  });

预先感谢 faisal

Answer 1

使用setDate（date）：它设置日期选择器的日期。

例如：

$( ".datepicker" ).datepicker( "setDate", "yourdate" );

Answer 2

您将日期的输入值格式设置为错误，为什么它不起作用

例如，您要设置输入字段“ 10-29-2012”的值，并且已指定格式“ yyyy-mm-dd”，两种格式都应相同，以下是工作示例

文档链接也可以为您提供日期选择器

Date picker set date`

$(document).ready(function() {
    $('#js-date').datepicker({
    	format: 'yyyy-mm-dd'
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<div class="container">
   <div class="row">
      <div class="col-sm-6">
         With data provide attribute
      </div>
      <div class="col-sm-6">
         <div class="input-group date" data-provide="datepicker">
            <input type="text" class="form-control" id="data-date">
            <div class="input-group-addon">
               <span class="glyphicon glyphicon-th"></span>
            </div>
         </div>
      </div>
   </div>
   <div class="row">
      <div class="col-sm-12">
         <p class="bg-info">
            Uses the data-provide attribute in HTML
         </p>
      </div>
   </div>
   <div class="row">
      <div class="col-sm-6">
         With JavaScript
      </div>
      <div class="col-sm-6">
         <div class="input-group date">
            <input type="text" class="form-control" id="js-date" value="2018-12-19">
            <div class="input-group-addon">
               <span class="glyphicon glyphicon-th"></span>
            </div>
         </div>
      </div>
   </div>
   <div class="row">
      <div class="col-sm-12">
         <p class="bg-info">
            No data-provide attribute in HTML. Initialized using JavaScript
         </p>
      </div>
   </div>
   <div class="row">
      <div class="col-sm-12">
         <p class="bg-primary" style="margin-top: 10px;">
            Plugin Used: <a href="https://github.com/uxsolutions/bootstrap-datepicker">https://github.com/uxsolutions/bootstrap-datepicker</a>
         </p>
      </div>
   </div>
</div>

Datepicker框未显示数据库中的选定日期

2 个答案: