2

我正在使用 twitter bootstrap datepicker ( http://www.eyecon.ro/bootstrap-datepicker/ ),但似乎不能让它正常工作。当我单击日期选择器时,它没有附加的日期字段的初始值,而是从 1920 年左右开始。

我的代码如下所示:

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("css/bootstrap.min.css")">
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("css/datepicker.css")">
        <script src="@routes.Assets.at("js/jquery-1.9.1.min.js")" type="text/javascript"></script>
        <script src="@routes.Assets.at("js/bootstrap.min.js")" type="text/javascript"></script>
        <script src="@routes.Assets.at("js/bootstrap-datepicker.js")" type="text/javascript"></script>
        <script type="text/javascript">
          $(function() {
            $('.datepicker').datepicker();
          });
        </script>
    </head>
    <body>
      <div class="input-append date datepicker" data-date="@value" data-date-format="dd-mm-yyyy">
      <input class="span2" size="16" type="text" value="@value"><span class="add-on"><i class="icon-calendar"></i></span>
    </div>
    </body>
</html>
4

1 回答 1

2

这是工作的日期选择器 jsfiddle Datepicker

<div data-date-format="dd-mm-yyyy" data-date="19-02-2013" id="dp3"class="input-append date">
<input type="text" readonly="" value="19-02-2013" size="16" class="span2">  
    <span class="add-on"><i class="icon-calendar"></i></span>

设置@value为您选择的日期

于 2013-02-19T06:07:53.917 回答