Question

我在我的代码中使用了角度引导程序datepicker。我的要求的问题是我希望在将要进行交付的日期选择器中选择某些日期。我是角度JS的新手，并且不知道如何做到这一点。有人可以帮助我吗？

PS：我不需要日历来输入只需显示所选日期。

Answer 1

您可以使用custom-class属性执行此操作。

来自文档

custom-class（date，mode）（默认值：null）：一个可选的表达式根据传递日期和当前模式（日|月|年）添加类。

以下是从Angular UI Bootstrap示例

改编的相关处理程序示例

...
$scope.events =
    [
      {
        date: new Date(2015, 9, 1),
        status: 'delivered'
      },
      {
        date: new Date(2015, 9, 5),
        status: 'delivered'
      },
      {
        date: new Date(2015, 9, 15),
        status: 'delivered'
      }
    ];

$scope.getDayClass = function(date, mode) {
    if (mode === 'day') {
      var dayToCheck = new Date(date).setHours(0,0,0,0);

      for (var i=0;i<$scope.events.length;i++){
        var currentDay = new Date($scope.events[i].date).setHours(0,0,0,0);

        if (dayToCheck === currentDay) {
          return $scope.events[i].status;
        }
      }
    }

    return '';
  };
...

Plunker - http://plnkr.co/edit/vJl8hDUfsBOJsLXFNKWQ?p=preview

如何使引导日期选择器选择某些日期

1 个答案: