bootstrap3日历无效

时间:2015-08-18 10:38:18

标签: jquery html twitter-bootstrap calendar

Bootstrap datepicker即使在选择日历之前也会打开日历,而且在日历中也无法选择任何日期。

html ---

product

脚本 ---

<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>
  </div>
</div>

输出---

enter image description here

应该看起来像---

enter image description here

任何人都可以帮助我获得一个工作正常的引导日历。

2 个答案:

答案 0 :(得分:0)

    ItemTouchHelper swipeToDismissTouchHelper = new ItemTouchHelper(new ItemTouchHelper.SimpleCallback(
            ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT, ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT) {
        @Override
        public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
            // callback for drag-n-drop, false to skip this feature
            return false;
        }

        @Override
        public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
            // callback for swipe to dismiss, removing item from data and adapter
            list.remove(viewHolder.getAdapterPosition());
            adapter.notifyItemRemoved(viewHolder.getAdapterPosition());
        }
    });
    swipeToDismissTouchHelper.attachToRecyclerView(recyclerView);

<强>脚本

<div class="form-group">
        <div class="input-group date" id="datetimepicker1">
            <input type="text" id="datepick" class="form-control" />  <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
        </div>
    </div>

我认为这适用于你

答案 1 :(得分:0)

您错过了代码所需的库:

<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 glyphicon-calendar"></span>
</span>
            </div>
        </div>
    </div>
</div>
包含库的

Have a look at your JSFiddle代码。

注意包含的外部库。