如何在 CodeIgniter 中使用日期选择器？答案

【问题标题】：How to use datepicker in CodeIgniter?如何在 CodeIgniter 中使用日期选择器？
【发布时间】：2016-02-07 05:25:03
【问题描述】：

为什么当我尝试单击 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>

【问题讨论】：

标签： jquery codeigniter twitter-bootstrap-3 datepicker

【解决方案1】：

试试：

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

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

【讨论】：

它有点成功，但日历已经显示，即使我还没有点击按钮。当我试图点击年份和月份时。日历内的值在一行中先生
需要js文件自带的css文件，和bootstrap一样

【解决方案2】：

在 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

【讨论】：

它仍然不起作用，先生。它给出了一个错误，说“$(...).datetimepicker 不是一个函数”
@KaelJasper 他正在使用与你不同的 datepiker

【解决方案3】：

这里是日期选择器的例子

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

试试这个

【讨论】：

【解决方案4】：

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

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>

就是这样。

【讨论】：