javascript - 如何让日期区域设置工作?

时间:2016-05-03 03:37:46

标签: javascript jquery css twitter-bootstrap

我试图让日期选择器的本地化实现工作一段时间了。我第一次尝试在我正在处理的应用程序上做,但无济于事。所以我决定创建一个小的html页面并在我的本地httpd上使用它来尝试让它运行并将工作代码传输到我的应用程序。

我复制了所有CSS和JS文件,调整了路径并尝试了实现。该文件如下:

如您所见,它非常简单。我想在这里做的就是学习如何使用bootstrap-datetimepicker,这样我就可以为我的主应用程序操作数据了。

问题是:如果我使用jquery-ui的符号$('#datepicker0').datepicker();就行了。但是,如果我尝试使用https://github.com/Eonasdan/bootstrap-datetimepicker中的$('#datepicker0').datetimepicker();,则不会。

我非常确定这是一个非常基本的错误,但我现在正在查看这段代码并且无法理解它是什么......

有人可以在这帮我吗?



<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
  <link rel="stylesheet" href="css/font-awesome.min.css" />
  <link rel="stylesheet" href="css/beyond.min.css" />
  <link rel="stylesheet" href="css/demo.min.css" />
  <link rel="stylesheet" href="css/animate.min.css" />
  <link rel="stylesheet" href="css/jquery-ui.css" />

  <script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
  <script type="text/javascript" src="js/moment/moment.js"></script>
  <script type="text/javascript" src="js/moment/moment-with-locales.js"></script>
  <script type="text/javascript" src="js/moment/pt-br.js"></script>
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>
  <script type="text/javascript" src="js/jquery-ui.js"></script>

</head>

<body>
  <script type="text/javascript">
    $(document).ready(function() {
      $('#datepicker0').datepicker();
    });
  </script>
  <div class="container">
    <div class="row">
      <div class="input-group date col-sm-3">
        <input id="datepicker0" type="text" name="executionDate" class="form-control"></input>
      </div>
    </div>
  </div>
</body>

</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

我得到了它的工作。解决方案就像使用正确的文件一样简单。怎么会这样?我试图通过右键单击并将其保存到我的计算机来下载库文件。我得到的不是文件是页面的html。我今天早上意外地发现了我的愚蠢并得到了正确的文件,下载了图书馆的拉链,就像魔术一样,它开始工作......感谢您的见解和帮助