引导程序的日期选择器不起作用答案

【问题标题】：Date picker of bootstrap are not working引导程序的日期选择器不起作用
【发布时间】：2014-07-15 07:31:13
【问题描述】：

我正在使用以下代码，但它不起作用，我想使用引导程序，我做错了什么？

我尝试了很多东西来添加但没有成功....添加部分脚本后控制台中没有任何错误...

<div class="form-group">

    @Html.LabelFor(model => model.FromDate, new { @class = "col-sm-2 control-label" })
    <div class='col-sm-4'>
        <input type='text' class="form-control" id='datetimepicker4' />   
        <span class="add-on">
            <i data-time-icon="icon-time" data-date-icon="icon-calendar">
            </i>
        </span>
    </div>



    @section scripts {

        <script type="text/javascript">


            $(function () {
                $('#datetimepicker4').datetimepicker({
                    pickTime: false
                });
            });
        </script>

    }

【问题讨论】：

标签： jquery html asp.net twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

这是一个带有 BS3 的 DatetimePicer - 没有“时间”。请看下面的工作演示。

<div class="container well">
    DatetimePicker example#1 from <a href="http://eonasdan.github.io/bootstrap-datetimepicker/">eonasdan</a>
    <div class="row">
        <div class='col-sm-3'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" /> <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
</span>
                </div>
            </div>
        </div>
    </div>
</div>

脚本

$(function () {
    $('#datetimepicker1').datetimepicker({
        pickTime: false
    });
});

DEMO HERE

【讨论】：

【解决方案2】：

不要忘记包括来源，例如

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>

然后只需将以下脚本用于具有指定 id 的输入：

    <script>
      $(function() {
        $( "#datetimepicker4" ).datepicker();
     });
    </script>

【讨论】：

谢谢，但我试了一下，它不工作，还有其他的东西我需要验证可能丢失？
也尝试添加：你也可以看看这个例子：jqueryui.com/datepicker

【解决方案3】：

根据doc。您需要将这些行作为初始行。

<head>
  <!-- ... -->
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/moment.min.js"></script>
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" />
</head>

【讨论】：

好的，我添加了我已经在内容文件夹中的 bootstrap.min.css，但它仍然无法工作，我应该从哪里获取 /bootstrap-datetimepicker.min.js？我需要将其添加到 bootstrap min 被锁定的内容文件夹中？

【解决方案4】：

我认为，您正在使用此链接中的日期和时间选择器：http://eonasdan.github.io/bootstrap-datetimepicker/

为此你需要这个脚本

<script type="text/javascript" src="http://eonasdan.github.io/bootstrap-datetimepicker/scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="http://eonasdan.github.io/bootstrap-datetimepicker/scripts/moment.js"></script>
<script type="text/javascript" src="http://eonasdan.github.io/bootstrap-datetimepicker/scripts/bootstrap-datetimepicker.js"></script>

那么你的代码就可以工作了..

【讨论】：

我添加了它，但它仍然无法正常工作，我从以下链接中使用它，也许还有其他东西丢失？tarruda.github.io/bootstrap-datetimepicker我在我的更新帖子中添加了以下链接