【问题标题】:Datepicker date undefined日期选择器日期未定义
【发布时间】:2014-07-17 21:05:46
【问题描述】:

我正在使用 bootstrap-datepicker,但收到以下错误消息:

未捕获的类型错误:无法读取未定义的属性“拆分”

我认为我没有旧版本的 datepicker.js,因为我从他们的网站获得了 cdn。

这就是我当前实例化日期选择器和点击事件的方式:

j('.fa-calendar').datepicker({
    startDate: '-3d'
})

j(document).on('click', '.fa-calendar', function(){
    j('.fa-calendar').datepicker("show");
}); 

【问题讨论】:

  • j('.fa-calendar').datepicker({ startDate: '-3d' }) 后面是否缺少分号
  • @lpg 从我所见,这是 datepicker 的正确语法

标签: javascript jquery twitter-bootstrap datepicker bootstrap-datepicker


【解决方案1】:

他们应该像这个例子一样工作:

$('.datepicker').datepicker({
    startDate: '-3d'
})

$(document).on('click', '.fa-calendar', function(){
    $(this).closest('.input-group')
           .find('input.form-control')
           .datepicker("show");
});
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.1/css/datepicker.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.1/js/bootstrap-datepicker.js"></script>


<p>start with datepicker:</p>
<input class="form-control datepicker" type="text" /><br/>

<p>start with icon:</p>
<div class="input-group">
  <input type="text" class="form-control" >
  <span class="input-group-addon" >
    <i class="fa fa-calendar"></i>
  </span>
</div>

参考文献

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-08-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-30
    相关资源
    最近更新 更多