Question

我有一个angularjs部分模板，其中包含一个datepicker。我使用jquery的datepicker。我在主index.html中引用了所需的jquery cdn，并在下面的代码中显示了点击输入字段的日期选择器：

$("#inputTxt").datepicker()。

我可以在没有任何模板的完整index.html中获取日期选择器

我在index.html而不是在template.html中有这个和jquery的引用。我无法在模板中弹出日期选择器。这该怎么做。我是angularjs的新手，我不知道我应该怎么做。请帮忙

   <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

<script>
  $("#inputTxt").datepicker();
</script>

<script type="text/javascript" src="node_modules/angular-route/angular-route.min.js"></script>
    <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.0.1.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">

<link rel="stylesheet" href="public/stylesheets/style.css">

<script type="text/javascript" src="app.js"></script>
<script type="text/javascript" src="public/javascripts/userCtrl.js">
    <script type="text/javascript" src="public/javascripts/datepicker.js">
</script>
    <script type="text/javascript" src="public/javascripts/deviceMasterCtrl.js">
    </script>


</head>
<body ng-app="empApp">

在angularjs控制器中包含jquery

0 个答案: