Question

我目前正在使用bootstrap3和Codeigniter最新版本，我对datepicker有任何问题 在我无法使用bootstrap3获取datepicker之后我尝试使用jquery datepicker作为下面的代码

<link href="<?PHP echo base_url() ?>bootstrap-3/dist/css/bootstrap.css" rel="stylesheet">
<div class="my_wraper">
                <div class="col-xs-0 col-sm-1 placeholder">
                    <a class="btn btn-primary"
                        href="<?php echo base_url('invoice/add')?>">Add</a>
                </div>
                <div class="col-xs-0 col-sm-10 placeholder">
                    <form action="" method="post">
                        <input class="btn btn-primary btn-sm" type="button" name="" value="Search" >
                        <input class="col-xs-3 form-control" id="inputSuccess4" type="text" name="" placeholder="name, in_id, amount, cus name, fiber no" /> 

                        <input class="btn btn-primary btn-sm" type="button" name="" value="Filter by Invoice type" >
                        <select class="col-xs-1 form-control">
                            <option class="testing" value="C15+">All</option>  
                            <option class="testing" value="C15+">Deposit</option>  
                            <option class="testing" value="C15+">Prepayment</option>  
                            <option class="testing" value="C15+">Monthly fee</option>  
                            <option class="testing" value="C15+">Installation fee</option>  
                        </select>
                         <input class="btn btn-primary btn-sm" type="button" name="" value="filter" >
                         <input class="col-xs-1 form-control" type="text"/> 
                        <span class="btn btn-sm">To</span>
                         <input class="datepicker col-xs-1 form-control" type="text"/> 
<input class="datepicker" type="text"/> 
                    </form>
                </div>
            </div>


        <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
          <script src="//code.jquery.com/jquery-1.10.2.js"></script>
          <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 

  <script type="text/javascript">
            // When the document is ready
            $(document).ready(function () {
                $('.datepicker').datepicker({
                    format: "dd/mm/yyyy"
                });  

            });
        </script>

这是bootstrap datepicker库，我曾经为我的上面的表单获取datepicker但是它仍然不能为我工作

<script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/bootstrap-datepicker.js"></script>
        <script type="text/javascript">
            // When the document is ready
            $(document).ready(function () {

                $('#example1').datepicker({
                    format: "dd/mm/yyyy"
                });  

            });
        </script>

我该如何做或我对这个结构的错误

如何使用bootstrap3配置datepicker？

0 个答案: