如何在CodeIgniter中使用datepicker?

时间:2015-11-06 06:03:00

标签: jquery codeigniter twitter-bootstrap-3 datepicker

为什么当我尝试点击 datepicker 的日历图标时,它不会弹出日历。我正在使用 bootstrap-datepicker 。这是代码:

HTML

<div class="form-group">
   <label for="dob">Date of Birth</label>
      <div class="input-group date">
         <input type="text" class="form-control">
             <div class="input-group-addon">
                 <span class="glyphicon glyphicon-th"></span>
              </div>
      </div>
</div>

JS

enter image description here

4 个答案:

答案 0 :(得分:1)

在HTML中

<input type="text" class="form-control form_datetime">

在JS中

<script type="text/javascript">
    $(".form_datetime").datetimepicker({format: 'yyyy-mm-dd hh:ii'});
</script> 

demo

答案 1 :(得分:1)

尝试:

$('.input-group.date').datepicker({
});

jsfiddle:http://jsfiddle.net/1Lsfjdjf/

答案 2 :(得分:0)

以下是日期选择器的示例

  <?php echo form_input('date',$data['date'],array('class' => 'form- 
   control','id'=>'date')); ?>

尝试

答案 3 :(得分:0)

这就是我所做的。我下载了AdminLTE,复制了bower_components文件,在其中找到了datepicker css,js和bootstrap。

HTML文件

<div class="form-group">
            <input type="text" class="form-control" placeholder="Preferred Date" id="birthpicker" required>
        </div>

我将此JS代码放在body结束标记上方。

<script>
$(function () {
    $('#birthpicker').datepicker({
        autoclose: true
    })
})
</script>

就是这样。