无法在 jquery ui datepicker 中更改 dateFormat

Question

I want to change the dateFormat of datepicker in dd-mm-yy. If I change the date format it is showing please enter a valid date. I have seen other solution but nothing is working.

thank you.

my form

   <link href="{{ url('css/jquery-ui.min.css') }}" rel="stylesheet">

    <div class="row text-center">

      <div class="col-lg-4 col-md-6 col-sm-12">
      <div class="form-group">
      <div class="row text-center">
      <div class="col-lg-4 col-md-6 col-sm-6">
      Start Date

      </div>
      <div class="col-lg-8 col-md-6 col-sm-6">
      <input  placeholder="Start Date" class="form-control date" name="startdte" readonly>

      </div>
      </div>

        </div>

      </div>
      <div class="col-lg-4 col-md-6 col-sm-12">
      <div class="form-group">
      <div class="row text-center">
      <div class="col-lg-4 col-md-6 col-sm-6">
         End Date
      </div>
      <div class="col-lg-8 col-md-6 col-sm-6">
      <input  placeholder="End Date" class="form-control date" name="enddte" readonly>
      </div>
      </div>

        </div>


 </div>
</div>

<script src="{{url('js/jquery-ui.min.js')}}"></script>  

     $('.date').datepicker({

           //dateFormat:"yy-mm-dd",   this one working
            dateFormat: "dd-mm-yy"  this is not working 

     });


  [1]: https://i.stack.imgur.com/d7qqg.png

Answer 1

Finally the problem is solved. I was getting this error from jquery validation plugin not in datePicker . In jquery validation plugin is not accepting the format dd-mm-yyyy. to change this U have to do modification in jquery.validation.min.js

for more informaton Where trigger the "Please enter a valid date." in jquery.validate.js

Answer 2

也许您已经在上一部分代码中初始化了日期选择器，因此您可能需要使用它来设置值：

$('.date').datepicker("option", "dateFormat", "dd-mm-yy");