【问题标题】:bootstrap datetimepicker without time request没有时间请求的引导 datetimepicker
【发布时间】:2014-10-28 09:26:15
【问题描述】:

我有这个 jsp 代码(由http://eonasdan.github.io/bootstrap-datetimepicker/ 获取)

<div class='input-group date' id='datetimepicker5'>
   <input ng-model="utente.dt_nascita" type='text' class="col-sm-3 form-control" data-date-format="YYYY/MM/DD"/>
   <span class="input-group-addon">
       <span class="glyphicon glyphicon-calendar"></span>
   </span>
</div>

我的 controller.js 中的这段代码:

$('#datetimepicker5').datetimepicker({
                pickTime: false,
                autoclose : true
            }); 

我不要时间!我希望数据选择器只询问日期,但不询问。

【问题讨论】:

  • 这会显示time 和日期吗?

标签: jsp twitter-bootstrap-3 datetimepicker bootstrap-datetimepicker


【解决方案1】:

由于 bootstrap-datetimepicker 使用 moment.js,最好使用官方文档中的localized formats。这样,您的“仅日期”格式将尊重您的应用程序的区域设置规范(如果您设置了任何)。

例如,试试:

$('#datetimepicker5').datetimepicker({
    format: 'L'
});

在文档中,'L' 指的是月份数字、月份中的日期、年份

然后,您可以像这样设置locale 参数而忘记其规范,moment.js 会为您处理:

$('#datetimepicker5').datetimepicker({
    format: 'L',
    locale: 'fr'
});

这将使用 DD/MM/YYYY 格式

【讨论】:

    【解决方案2】:

    我解决了:

    <div class="form-group">
        <label for="inputDate" class="col-sm-3 control-label">Data di       nascita</label>
            <div class="col-sm-5">
                 <div class='input-group date' id='datetimepicker5'>
                     <input ng-model="utente.dt_nascita" type='text' class="col-sm-3 form-control" data-date-format="YYYY/MM/DD"/>
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
            </div>
    

    和:

     $('#datetimepicker5').datetimepicker({
                    format: 'yyyy-mm-dd',
                    startView: 'decade',
                    minView: 'month',
                    autoclose: true
                });
    

    【讨论】:

      【解决方案3】:

      在初始化datetimepicker 时提供自定义格式format。例如:

      $('#datetimepicker1').datetimepicker({
          format: 'YYYY-MM-DD'
      });
      

      有关正确的格式选项,请参阅 Moment.js docs

      【讨论】:

        【解决方案4】:

        对我自己来说,它的工作原理是这样设置:

          $('#datetimepicker5').datetimepicker({
              format: 'yyyy-mm-dd',
              startView: 'month',
              minView: 'month',
              autoclose: true   
          });
        

        所以它说开始(startView)使用月份,关闭(minView)也使用月份

        【讨论】:

          【解决方案5】:

          我使用了

          $('#datetimepicker5').datetimepicker({
          format: 'yyyy-mm-dd',
          startView: 'decade',
          minView: 'month',
          autoclose: true
          });
          

          我正在使用这个日期时间选择器:malot.fr/bootstrap-datetimepicker

          【讨论】:

            猜你喜欢
            • 2017-11-19
            • 2015-01-30
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多