标签: ngx-daterangepicker-material

错误 ngx-daterangepicker-material 无法在环境上下文中声明访问器

你能帮我解决这个错误吗?这是我的 package.json 错误我不断收到此错误:

node_modules/ngx-daterangepicker-material/daterangepicker.component.d.ts(59,9) 中的错误:错误 TS1086:无法在环境上下文中声明访问器。

    "@agm/core": "^1.0.0-beta.7",
    "@angular/animations": "~8.0.3",
    "@angular/cdk": "^8.1.1",
    "@angular/common": "~8.0.3",
    "@angular/compiler": "~8.0.3",
    "@angular/core": "~8.0.3",
    "@angular/forms": "~8.0.3",
    "@angular/material": "^8.1.1",
    "@angular/material-moment-adapter": "^8.1.1",
    "@angular/platform-browser": "~8.0.3",
    "@angular/platform-browser-dynamic": "~8.0.3",
    "@angular/router": "~8.0.3",
    "@fortawesome/angular-fontawesome": "^0.4.0",
    "@fortawesome/fontawesome-svg-core": "^1.2.28",
    "@fortawesome/free-solid-svg-icons": "^5.13.0",
    "@syncfusion/ej2-angular-calendars": "^17.4.51",
    "@types/jquery": "^3.3.35",
    "acorn": "^6.4.1",
    "angular-hammer": "^2.2.0",
    "angular-svg-icon": "^8.0.0",
    "bootstrap": "^4.3.1",
    "mat-range-datepicker": "^1.0.5",
    "moment": "^2.24.0",
    "ng2-datepicker": "^2.3.1",
    "ng2-tooltip-directive": "^2.9.20",
    "ngx-daterangepicker-material": "^2.2.1",
    "ngx-drag-scroll": "^8.0.0-beta.2",
    "ngx-infinite-scroll": "^8.0.2",
    "ngx-material-timepicker": "^5.5.1",
    "popper.js": "^1.15.0",
    "pretty-checkbox": "^3.0.3",
    "rxjs": "~6.4.0",
    "tslib": "^1.11.1",
    "xlsx": "^0.15.6",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": …
Run Code Online (Sandbox Code Playgroud)

npm typescript angular ngx-daterangepicker-material

12
推荐指数
3
解决办法
8931
查看次数

Angular ngx daterangepicker z-index

我在扩展中有多个表单,我正在使用此代码作为日期选择器,

<mat-form-field>
  <input formControlName="date" matInput placeholder="Dátum" type="date">
</mat-form-field>
Run Code Online (Sandbox Code Playgroud)

哪个工作得很好,扩展并没有隐藏它(看看),但是我有日期和时间的开始和结束值,所以我切换到ngx material daterangepicker

我唯一的问题是扩展隐藏了 daterangepicker (have a look),所以 daterangepickers 代码如下所示:

      <mat-form-field>
        <input
          matInput
          ngxDaterangepickerMd
          name="daterange"
          placeholder="Choose date"
          applyLabel="Okay"
          startKey="start"
          endKey="end"
          firstMonthDayClass="first-day"
          lastMonthDayClass="last-day"
          emptyWeekRowClass="empty-week"
          lastDayOfPreviousMonthClass="last-previous-day"
          firstDayOfNextMonthClass="first-next-day"
          [autoApply]="options.autoApply"
          [linkedCalendars]="options.linkedCalendars"
          [singleDatePicker]="options.singleDatePicker"
          [showDropdowns]="true"
          formControlName="date"

          [showWeekNumbers]="options.showWeekNumbers"
          [showCancel]="options.showCancel"
          [showClearButton]="options.showClearButton"
          [showISOWeekNumbers]="options.showISOWeekNumbers"
          [customRangeDirection]="options.customRangeDirection"
          [lockStartDate]="options.lockStartDate"
          [closeOnAutoApply]="options.closeOnAutoApply"
          [opens]="opens"
          [drops]="drops"
          [timePicker]="timePicker"
        />
      </mat-form-field>
Run Code Online (Sandbox Code Playgroud)

我试图给它一个自定义的 z-index,比如:

.md-drppicker {
  z-index: 9999;
}

ngx-daterangepicker-material {
  z-index: 9999;
}
Run Code Online (Sandbox Code Playgroud)

但这并没有解决问题,也尝试弄乱显示/位置,但我无法修复它。
知道出了什么问题吗?

编辑:这是日期范围选择器问题的更好图片

css z-index date-range angular ngx-daterangepicker-material

6
推荐指数
1
解决办法
1450
查看次数