AngularJS的Datepicker，带有Controller.js上的括号

Posted 2021-05-01

我是括号中的angularJS的新手，我正在尝试从https://codepen.io/anon/pen/ZvVxqg做一个日期选择器

当我将JS文件粘贴到括号中的controller.js时，出现错误。

以下是我在我的controller.js中粘贴的代码，我不知道为什么它不起作用

---

.controller('reservationCtrl', ['$scope', '$stateParams', 
function ($scope, $stateParams) {



   $("html").click(function() {
  if ($("#icon_calendar").width() != 80) {
    ok = 0;
    $("#icon_calendar").css({
      width: 80,
      height: 80,
      borderRadius: "18px",
      marginLeft: -40,
      marginTop: -40,
      animation: "bounce2 0.3s",
      cursor: "pointer",
      transform: "scale(1)"
    });
    $(".mois").css({ display: "none", fontSize: 14, width: 80 });
    $(".days").css({
      fontFamily: "'openlight',sans-serif",
      display: "none",
      backgroundColor: "transparent",
      color: "#3C3C3C"
    });
    $("#month_wrap").css({
      backgroundColor: "transparent",
      color: "#F05252"
    });
    $("#month" + mois_choisi).css({ marginLeft: 0, display: "block" });
    $("#day" + jour_choisi).css({
      position: "absolute",
      fontSize: 30,
      width: "100%",
      display: "block"
    });
    $(".fleches_mois").hide();
    console.log("eee");
  }
});

$("body").on("click", "#icon_calendar", function(event) {
  event.stopPropagation();
  if ($(this).width() == 80) {
    ok = 1;
    .
    .
    .
    .
    .   


setTimeout(function() {
  $("#day" + jour_choisi).css({
    position: "absolute",
    fontSize: 30,
    width: "100%",
    display: "block"
  });
}, 10);



}]);

谢谢你的帮助

答案

将该代码放入指令中它应该工作：

<div my-date-picker id="icon_calendar">
    <!-- date picker html -->
</div>

angular.module('myApp').directive('myDatePicker', [
    function () {
        "use strict";
        return {
            restrict: 'A',
            link: function ($scope, $elem, $attrs) {
                // date picker code here
            }
        }
    }
]);

你仍然需要将它绑定到你的模型。

有什么理由你不想使用任何其他日期选择器更好的支持？： Angular-UI Bootstrap DatePicker（Angular 1）ng-bootstrap DatePicker（Angular 2+）

顺便说一句，那个代码笔使用的是角度为1.0.4的非常旧版本，但似乎可以达到角度v1.4