【问题标题】:Settings for moment datepicker时刻日期选择器的设置
【发布时间】:2016-08-15 17:17:04
【问题描述】:

我正在尝试使用时刻 js 设置日期和时间选择器进行引导。 首先我设置了这个。

 <div class="form-group">
                        <div class="col-md-3 col-sm-3 col-xs-3">
                      <input id="begindateTime" class="form-control has-feedback-left"  placeholder="Begin Date Time" type="text" >                     
                      </div>
                    </div>

接下来我已经确保了这一点。

<!-- daterangepicker -->
  <script type="text/javascript" src="js/moment/moment.min.js"></script>
  <script type="text/javascript" src="js/datepicker/daterangepicker.js"></script>

接下来我设置了这个

<script>

        $('#begindateTime').datepicker();

   </script>

显示 datetimepicker 不是函数的问题?我需要一个带有小时和分钟选择的日期和时间。我可能缺少什么?

【问题讨论】:

  • 使用$('#begindateTime').datetimepicker();
  • Here 是它的文档......
  • 我试过我现在得到这个错误 Uncaught SyntaxError: Invalid or unexpected token
  • 我的实际上是你为eonasdan.github.io/bootstrap-datetimepicker提供文档的时刻 datetimepicker
  • 对于DateRange Picker,使用$('#begindateTime')‌​.daterangepicker();

标签: javascript jquery datepicker


【解决方案1】:

CDN:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>

<script type="text/javascript" src="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/src/js/bootstrap-datetimepicker.js"></script> 

<script type="text/javascript" src="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/build/css/bootstrap-datetimepicker.css"></script>   

HTML:

<div class="row">
    <div class="col-md-12">
         <h6>datetimepicker1</h6>

        <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-calendar glyphicon"></span></span>
            </div>
        </div>
         <h6>datetimepicker2</h6>
        <input type="text" class="form-control" id="datetimepicker2" />
    </div>
</div>

JavaScript:

$('#datetimepicker1').datetimepicker();
$('#datetimepicker2').datetimepicker();

使用此代码..

这对你很有用..

【讨论】:

  • 谢谢你,但我的另一个人刚刚工作,它没有抽出时间。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-09-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-09-21
相关资源
最近更新 更多