Question

我的项目遇到了一些问题。我正在使用它作为其中的一部分（https://github.com/Eonasdan/bootstrap-datetimepicker）

有一个选项“格式”，您可以在其中看到输入中的日期。

我试过用

format: 'DD MMMM YYYY'

但是如果输入“23/02/2016”或“15 10 2018”之类的值作为输入字段的值并继续提交，则输入值将更改为“1月23日0002”和“2018年1月15日”。 / p>

所以，我需要在DD MMMM YYYY中获取日期格式，并能够输入日期的数字格式，如：

DD MM YY
DD MM YYYY
DD.MM.YY
DD.MM.YYYY
DD/MM/YY
DD/MM/YYYY

以下是我的麻烦示例：http://jsfiddle.net/AndGrin/0Ltv25o8/2549/

Answer 1

您可以使用extraFormats option允许多种格式有效，如以下示例所示：

＆＃13;

$('#datetimepicker1').datetimepicker({
    format: 'DD MMMM YYYY',
    extraFormats: [ 'DD MM YYYY', 'DD MM YY', 'DD MMMM YYYY' ]
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.1/moment-with-locales.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" rel="stylesheet">

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

＆＃13;

Bootstrap Datetimepicker插件问题

1 个答案: