简体   繁体   中英

date picker in codeigniter

I want to use Datepicker in form Codeigniter but I have a problem. 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. Use another ID and then decide to use the datepicker or datetimepicker depending on your ID.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

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