angular / angular/components

Inline Datepicker with MatCalendar

Đang mở
#8,812 8 bình luận 64 reaction 0 người được giao Xem trên GitHub
area: material/datepicker feature P3
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

For some case is it helpfully to have the datepicker as inline calendar.
But currently the datepicker is only available with on body tag, with a full page background layer for handle the close interaction.

Is it possible to inject the datepicker inline, or can this be a ne feature for the future?
One solution is to use the "mat-calendar" component, but its might be not official and a little bit hacky.

Like:
`
`
But its need to add more code in the *.ts file to update the view correctly.
Like the changed value:

`
getChangedValue(newDate) {
this.selDate = newDate
this.calendar['_activeDate'] = newDate;
this.calendar['monthView'] = false; // this line updates the calendar view
`

Any solution to use the code easier or to implement at the current state an inline datepicker?

Best regards,
Stephan

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu bằng cách đọc ví dụ inline với trong issue và các API datepicker và MatCalendar hiện có. Xác định xem hành vi datepicker inline được hỗ trợ chính thức có được định nghĩa hay không; để được coi là hoàn tất, cần có phạm vi đã được quyết định và hỗ trợ được ghi lại hoặc kiểm thử, thay vì dựa vào các thuộc tính private như _activeDate hoặc monthView.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, typescript
Lĩnh vực
frontend
Loại issue
Tính năng
Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Cần làm rõ
Mức phù hợp với người mới
25/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.