twitter bootstrap日期选择器不工作 [英] twitter bootstrap date picker not working

问题描述

我一直在广泛地寻找答案，但是我似乎找不到一个可以解决的问题。我正在使用Django 1.4，与twitter boostrap 2.0.4，我试图使用日期选择器（eyecon）没有成功。当我点击输入框时，不显示日期框。

 < div id =due_date> 
< input type =textvalue =02/16/12data-date-format =mm / dd / yyid =datepicker> 
< / div> 
  

在我的base.html结尾，我有（在关闭正文之前）：

 < script src =/ site_media / js / jquery.script.js>< / script> 
< script src =/ site_media / js / bootstrap-datepicker.js>< / script> 
  

最后我jquery.script.js我有：

$ $ $ $ $ $ $（$）$（$）$（$）

解决方案

您已选择所有具有类datepicker ，而您的输入元素定义没有这样的类，而是具有设置id属性的datepicker。

选择id字段 $（ #datepicker）或添加一个类.datepicker到您的输入字段。

I have been extensively searching for the answer but i cant seem to find one that works. I am using Django 1.4, with twitter boostrap 2.0.4 and i am trying to use date picker (eyecon) with no success. When i click on the input box no date box shows up.

<div id="due_date">
        <input type="text" value="02/16/12" data-date-format="mm/dd/yy" id="datepicker" >
</div>

At the end of my base.html i have (right before closing the body):

<script src="/site_media/js/jquery.script.js"></script>
<script src="/site_media/js/bootstrap-datepicker.js"></script>

Finally on me jquery.script.js i have:

$(document).ready(function(){ $('.datepicker').datepicker()});

解决方案

You have selected all elements who have the class "datepicker", while your input element definition does not have such a class but rather has datepicker as id attribute set.

Either select the id field $("#datepicker") or add a class ".datepicker" to your input field.

这篇关于twitter bootstrap日期选择器不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！