【问题标题】:Unable to change dateFormat in jquery ui datepicker无法在 jquery ui datepicker 中更改日期格式
【发布时间】:2019-12-26 07:39:49
【问题描述】:

我想在 dd-mm-yy 中更改 datepicker 的 dateFormat。如果我更改显示的日期格式,请输入有效日期。我见过其他解决方案,但没有任何效果。

谢谢。

我的表格

   <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

【问题讨论】:

  • 它需要与您的验证逻辑有关,而不是与日期选择器有关
  • @SureshKamrushi 我没有对日期进行任何验证,我从 datepicker 得到这个错误
  • @matheenulla:你能分享一下我们得到这个错误的任何 sn-p 吗?
  • 能否分享一下你写的html以及你的页面中包含了哪些js文件
  • @SureshKamrushi 你确定我正在修改我的问题

标签: javascript jquery datepicker


【解决方案1】:

问题终于解决了。我从jquery validation plugin 而不是datePicker 收到此错误。在 jquery 验证插件中不接受 dd-mm-yyyy 格式。要改变这个你必须在jquery.validation.min.js做修改

更多信息Where trigger the "Please enter a valid date." in jquery.validate.js

【讨论】:

    【解决方案2】:

    也许你已经在前面的代码部分中初始化了日期选择器,所以你可能需要使用它来设置值:

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

    【讨论】:

    • 如果我使用此代码意味着我没有得到日期选择器。这不起作用
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-11
    • 2016-06-03
    • 1970-01-01
    相关资源
    最近更新 更多