小编Tim*_*jck的帖子

在Angular指令中使用bootstrap-daterangepicker

我在Angular指令中使用bootstrap-daterangepicker时遇到了麻烦.它在最初加载页面时工作正常,但是当切换页面/状态(我正在使用ui-router)并返回带有daterangepicker的页面时,插件不再起作用.

它抛出此错误:

TypeError:$(...).daterangepicker不是函数

在更改状态时,似乎插件已自行删除.任何人都知道如何解决这个问题?

app.directive("daterangepicker", function() {
    return {
      restrict: "A",
      scope: false,
      link: function($scope, $element, $attr){

        $($element).daterangepicker({
          format: "DD.MM.YYYY",
          startDate: moment().subtract('days', 1),
          endDate: new Date(),          
          buttonClasses: ['btn-primary'],
        }, function(from, to) {
          $scope.date = {from: from, to: to};
          $scope.$apply(); // I need apply() here to use the two-way-databinding
        });
      }
    }
  });
Run Code Online (Sandbox Code Playgroud)

jquery angularjs angularjs-directive

9
推荐指数
2
解决办法
3437
查看次数

在 Google Chrome 中隐藏日历图标

有谁知道如何在 Chrome 的日期字段上隐藏日历图标?(输入[类型=“日期])

当我查找它时,我发现我应该使用“::-webkit-calendar-picker-indicator”,但这似乎不再起作用了......

css sass

5
推荐指数
1
解决办法
5870
查看次数

标签 统计

angularjs ×1

angularjs-directive ×1

css ×1

jquery ×1

sass ×1