codeigniter 中的日期选择器答案

【问题标题】：date picker in codeignitercodeigniter 中的日期选择器
【发布时间】：2016-06-15 08:27:01
【问题描述】：

我想在 Codeigniter 表单中使用 Datepicker，但我遇到了问题。这是我的代码：

<div class="form-group">
    <!--- date picker--->
    <label for="dtp_input2" class="col-sm-2 col-sm-2 control-label">Tanggal Berita</label>
    <div class=”input-append date” id=”datepicker” data-date=”” data-date-format=”dd-mm-yyyy” >
        <input class=”span2″ size=”16″ type=”text” value=”” disabled>
        <span class=”add-on”><i class=”icon-th”></i></span>
    </div>

    <script>
        $(‘#datepicker’).datepicker();
    </script>
    <input type="hidden" id="datepicker" value=""/>
</div>

脚本：

<script src="<?php echo base_url(); ?>assets/js/chart-master/Chart.js"></script>
<script rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/js/bootstrap-datetimepicker.id.js"></script>
<script rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/js/bootstrap-datetimepicker.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/bootstrap-datetimepicker.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
    $('.datepicker').datetimepicker({
        language:  'id',
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        forceParse: 0
    });
</script>

【问题讨论】：

您的具体问题是什么？
请说明问题所在。
对元素 id=”datepicker” 使用不同的 ID

标签： javascript php twitter-bootstrap codeigniter

【解决方案1】：

使用正确的" 引号更改您的代码，例如

<div class="input-append date" id="datepicker" data-date="" data-date-format="dd-mm-yyyy" >
    <input class="span2" size="16" type="text" value="" disabled>
    <span class="add-on"><i class="icon-th"></i></span>
</div>

<script type="text/javascript">
    $("#datepicker’).datepicker();
</script>

【讨论】：

【解决方案2】：

如果您有两个同名的 id，它将永远无法工作。使用另一个 ID，然后根据您的 ID 决定使用 datepicker 或 datetimepicker。

【讨论】：