Jquery 引导的日期选择器不工作_Jquery_Html_Asp.net_Twitter Bootstrap_Twitter Bootstrap 3

Jquery 引导的日期选择器不工作

jquery html asp.net twitter-bootstrap twitter-bootstrap-3

Jquery 引导的日期选择器不工作,jquery,html,asp.net,twitter-bootstrap,twitter-bootstrap-3,Jquery,Html,Asp.net,Twitter Bootstrap,Twitter Bootstrap 3,我使用下面的代码，它不工作，我想使用它的引导，我做错了什么我尝试添加了很多东西，但没有成功…在添加了部分脚本之后，控制台中没有任何错误 <div class="form-group"> @Html.LabelFor(model => model.FromDate, new { @class = "col-sm-2 control-label" }) <div class='col-sm-4'> <input type='te

我使用下面的代码，它不工作，我想使用它的引导，我做错了什么

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

<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>

    }


@LabelFor（model=>model.FromDate，新的{@class=“col-sm-2控件标签”}）
@节脚本{
$（函数（）{
$（'#datetimepicker4'）。datetimepicker({
拾取时间：错误
});
});
}

例如，不要忘记包含源代码

<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>


$（函数（）{
$（“#datetimepicker4”）.datepicker（）；
});

例如，不要忘记包含源代码

<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>


$（函数（）{
$（“#datetimepicker4”）.datepicker（）；
});

根据。您需要这些行作为首字母

<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>

根据。您需要这些行作为首字母

<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>

我认为，您正在使用此链接中的日期和时间选择器：

为此，您需要这些脚本

<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>

然后，您的代码就可以工作了。

我想，您正在使用此链接中的日期和时间选择器：

为此，您需要这些脚本

<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>

然后您的代码将工作。

这是一个带有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>

这是一个带有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>

谢谢，但我尝试了它，但它不起作用，我还需要验证可能缺少的其他内容？请尝试添加此内容：您也可以查看此示例：谢谢，但我尝试了它，但它不起作用，还有一些我需要验证的东西可能丢失了？试着添加这个：你也可以查看这个例子：好的，我添加了bootstrap.min.css，我已经在content文件夹中了，它仍然不起作用，我应该从哪里获取/bootstrap-datetimepicker.min.js？我需要将其添加到包含bootstrap-min的内容文件夹中吗？好的，我添加了bootstrap.min.css，我已经在内容文件夹中了，它仍然不起作用，我应该从哪里获取/bootstrap-datetimepicker.min.js？我是否需要将其添加到包含bootstrap-min的内容文件夹中？我添加了它，但它仍然无法工作，我从以下链接使用它可能缺少其他内容？我在我的更新帖子中添加了以下链接我添加了它，但它仍然不起作用，我从以下链接中使用它，可能还缺少其他东西？我在我的更新帖子中添加了以下链接