【问题标题】:How to Change JS DatePicker Format to MM-DD-YY?如何将 JS DatePicker 格式更改为 MM-DD-YY?
【发布时间】:2017-08-06 15:15:09
【问题描述】:

在下面的代码中,您如何将日期结果格式更改为 MM-DD-YY 而不是 MM/DD/YY?

 <script>
  $( function() {
    $( "#input5" ).datepicker();
  } );
  </script>

我发现了这个,但我无法让它与我的代码一起工作,尽管我认为我只是做错了什么:( How to change date format (MM/DD/YY) to (YYYY-MM-DD) in date picker

【问题讨论】:

  • 有许多不同的日期选择器插件。你如何做到这一点取决于你正在使用的文档。那么它是哪一个?
  • 这是我正在使用的完整脚本
  • @Thomas 试试我的答案,如果不行,请告诉我。
  • 你能显示所有的错误信息吗?
  • 链接答案中显示的内容是正确的,因此请提供一个minimal reproducible example,如果它不起作用

标签: javascript


【解决方案1】:

根据documentation,你应该这样使用:

$( function() {
  $( "#datepicker" ).datepicker();
  $( "#datepicker" ).datepicker( "option", "dateFormat", "mm-dd-yy" );
} );

【讨论】:

  • 正是我需要的。谢谢!!
  • 大多数会将选项对象传递给第一次调用
  • @charlietfl 不确定,由于某种原因,这不起作用兄弟。怎么办?
【解决方案2】:

您可以使用 Bootstrap Datepicker 库并将格式设置为 'mm-dd-yy',如下所示 format: 'mm-dd-yy'

<script   src="https://code.jquery.com/jquery-2.2.3.min.js"   integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo="   crossorigin="anonymous"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker3.min.css">
<script>
$( document ).ready(function() {
    $("#from-datepicker").datepicker({ 
        format: 'mm-dd-yy'
    });
    $("#from-datepicker").on("change", function () {
        var fromdate = $(this).val();
        alert(fromdate);
    });
}); 
</script>
<input type="text" id="from-datepicker"/>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-11-19
    • 2016-09-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多