【问题标题】:Change bootstrap datepicker date format on select在选择时更改引导日期选择器日期格式
【发布时间】:2013-11-28 08:28:36
【问题描述】:

我在文本框上使用引导日期选择器。选择日期时的默认日期格式为 mm/dd/yyyy。现在我想把它改成dd/mm/yyyy。我怎样才能做到这一点。现在我只是像这样初始化它。

$('.datepicker').datepicker()

我应该添加什么来改变它的格式?

【问题讨论】:

    标签: twitter-bootstrap datepicker


    【解决方案1】:

    http://www.eyecon.ro/bootstrap-datepicker/

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

    【讨论】:

    • 在谷歌搜索时找到了这个答案。无论如何,我会接受你的回答。谢谢!
    • 谢谢。我不是OP,但我遇到了同样的问题。现在格式效果很好,但开始日期是 1901 年。
    • 我发现使用 YYYY/MM/DD 格式可以避免在 Postgres 中的日期之间相互转换并返回视图时出现各种解析错误。只是提醒一下 Rails 开发人员。
    【解决方案2】:

    截至 2016 年,我这样使用 datetimepicker:

    $(function () {
        $('#date_box').datetimepicker({
            format: 'YYYY-MM-DD hh:mm'
        });
    });
    

    【讨论】:

    • 您所写的内容会返回分钟和秒数。我想你的意思是:'YYYY-MM-DD hh:mm'
    • 问题中没有时间问题
    【解决方案3】:

    我正在使用 Bootstrap v3.3.4 并使用代码:

     $('.datepicker').datepicker({
        dateFormat: 'dd-mm-yy'
     });
    

    输出是:16-07-2015

    注意:全年只需要“yy”。

    【讨论】:

      【解决方案4】:

      如果按 ID:

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

      如果按类别:

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

      【讨论】:

        【解决方案5】:

        文件名:bootstrap-datepicker.js 行号:41:

        this.format = DPGlobal.parseFormat(options.format||this.element.data('date-format')||dates[this.language].format||'mm/dd/yyyy');
        

        【讨论】:

        • 这是一个激进的解决方案,但是建议不要直接更改源文件,最好添加一些额外的代码来修改结果。就像你想在 bootstrap 中添加额外的 css 一样,你创建新文件以保留原始代码。
        【解决方案6】:

        this 为我工作

        打开文件bootstrap-datepicker.js

        转到第 1399 行并找到 format: 'mm/dd/yyyy'

        现在您可以在此处更改日期格式。

        【讨论】:

          【解决方案7】:

          简单的方法:

          打开文件bootstrap-datepicker.js

          转到第 1399 行并找到 format: 'mm/dd/yyyy'

          现在您可以在此处更改日期格式。

          【讨论】:

          • 你能再解释一下吗?
          • 这个答案建议更改插件的来源,如果您希望将来能够更新插件,这绝不是一个好主意。接受的答案显示了如何通过您传递给 datepicker() 的选项来做到这一点。
          • 没用我改了但是问题不行;解决这个问题
          【解决方案8】:

          对于我来说,使用 bootstrap 4 日期时间选择器 (http://www.eyecon.ro/bootstrap-datepicker/) 格式仅适用于大写:

          $('.datepicker').datetimepicker({
                      format: 'DD/MM/YYYY'
                  });
          

          【讨论】:

            【解决方案9】:
              $(function () {
                $('.datetimepicker').datetimepicker(
                  {
                    format: 'Y-m-d h:m:s'
                 }
                );
             });`
            

            【讨论】:

            • 您好,欢迎来到 stackoverflow,感谢您的回答。虽然这段代码可能会回答这个问题,但您是否可以考虑添加一些解释来说明您解决了什么问题,以及您是如何解决的?这将有助于未来的读者更好地理解您的答案并从中学习。
            【解决方案10】:

            这是我的样子:

            <input type="text" data-plugin-datepicker class="form-control  date-picker" data-date-format="dd-mm-yyyy">
            

            【讨论】:

              【解决方案11】:

              如果您使用的是新的 jqueryui 上面的代码不会帮助你 用这个

              $('.datepicker').datepicker({dateFormat:"yy-mm-dd"});
              

              【讨论】:

              • 这作为评论要好得多,因为这不会回答 OP。
              猜你喜欢
              • 2017-03-24
              • 1970-01-01
              • 1970-01-01
              • 2019-08-23
              • 1970-01-01
              • 1970-01-01
              • 2017-06-25
              • 1970-01-01
              相关资源
              最近更新 更多