简体   繁体   English

codeigniter 中的日期选择器

[英]date picker in codeigniter

I want to use Datepicker in form Codeigniter but I have a problem.我想在 Codeigniter 表单中使用 Datepicker,但我遇到了问题。 Here's my code:这是我的代码:

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

Scripts:脚本:

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

Use proper " quotes change your code like使用正确的"引号更改您的代码,例如

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

If you have two id's with the same name, it won't ever work.如果您有两个同名的 ID,它将永远无法工作。 Use another ID and then decide to use the datepicker or datetimepicker depending on your ID.使用另一个 ID,然后根据您的 ID 决定使用 datepicker 或 datetimepicker。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM