Của cải
Tất cả các giá trị mặc định của thuộc tính đều có thể định cấu hình trên toàn cầu
Tài sản
Loại
[Click để sắp xếp tăng dần]Vỡ nợ
Sự miêu tả
aria-controls
String
Nếu thành phần này kiểm soát một thành phần hoặc phần tử khác, hãy đặt phần này thành ID của thành phần hoặc phần tử được kiểm soátblock
Boolean
false
Makes the calendar full widthdate-disabled-fn
Function
Set to a function reference which returns `true` if the date is disabled, or `false` if the date should be enabled. See documentation for detailsdate-format-options
v2. 6. 0+
Object
{ 'year': 'numeric', 'month': 'long', 'day': 'numeric', 'weekday': 'long' }
Định dạng đối tượng cho chuỗi văn bản được hiển thị được chuyển đến `Intl. DateTimeFormat`String
0Function
Đặt thành một tham chiếu hàm trả về một lớp [chuỗi] hoặc các lớp [mảng chuỗi] để áp dụng cho ô ngày tháng. Xem tài liệu để biết chi tiếtString
2String
Đặt thành chuỗi 'rtl' hoặc 'ltr' để buộc lịch hiển thị rõ ràng từ phải sang trái hoặc sang trái- . Mặc định theo hướng của ngôn ngữ được giải quyết_______14Boolean
false
Đặt lịch ở trạng thái không tương tác bị vô hiệu hóaString
7v2. 22. 0+
String
String
9Chỉ định thẻ HTML để hiển thị thay vì thẻ mặc định cho chân trangblock
0Boolean
false
When `true`, renders a comment node instead of the calendar widget while keeping the Vue instance active. Mainly used when implementing a custom date pickerblock
3Boolean
false
Khi `true`, ẩn trực quan tiêu đề ngày đã chọnblock
6String
Used to set the `id` attribute on the rendered content, and used as the base to generate any additional element IDs as neededblock
8v2.7.0+______29 hoặc
String
Khi `giá trị` không được chỉ định, hãy đặt ngày tháng dương lịch ban đầu sẽ được hiển thị cho người dùng. Chấp nhận một giá trị ở định dạng `YYYY-MM-DD` hoặc đối tượng `Date`. Mặc định là ngày hiện tại [hoặc tối thiểu hoặc tối đa nếu ngày hiện tại nằm ngoài phạm vi]Boolean
1String
Boolean
3Giá trị của `aria-label` và `role . 11. 0+String
Boolean
6Value of the `aria-label` and `title` attributes on the `Current Month` navigation buttonBoolean
7String
Boolean
9Help text that appears at the bottom of the calendar gridfalse
0String
false
2Value of the `aria-label` attribute on to the calendar navigation button wrapperfalse
3v2.11.0+
String
false
5Giá trị của các thuộc tính `aria-label` và `title` trên nút điều hướng tùy chọn `Thập kỷ tiếp theo`false
6String
false
8Value of the `aria-label` and `title` attributes on the `Next Month` navigation buttonfalse
9String
date-disabled-fn
1Value of the `aria-label` and `title` attributes on the `Next Year` navigation buttondate-disabled-fn
2String
date-disabled-fn
4Label to use when no date is currently selecteddate-disabled-fn
5v2.11.0+
String
date-disabled-fn
7Giá trị của các thuộc tính `aria-label` và `title` trên nút điều hướng `Thập kỷ trước` tùy chọndate-disabled-fn
8String
Function
0Value of the `aria-label` and `title` attributes on the `Previous Month` navigation buttonFunction
1String
Function
3Value of the `aria-label` and `title` attributes on the `Previous Year` navigation buttonFunction
4String
Function
6Value of the `aria-label` attribute set on the calendar grid date button that is selectedFunction
7String
Function
9Value of the `aria-label` attribute for the calendar grid date button to signify that the date is today's datedate-format-options
0date-format-options
1 or String
Locale [or locales] for the calendar to use. When passing an array of locales, the order of the locales is from most preferred to least preferreddate-format-options
3block
9 hoặc String
Ngày tối đa trên lịch sẽ hiển thịdate-format-options
6block
9 or String
The minimum date the calendar will showdate-format-options
9v2.17.0+
String
Object
1Biến thể màu chủ đề để sử dụng cho các nút điều hướngObject
2Boolean
false
Đã tắt . Tắt cập nhật mô hình v, trong khi vẫn cho phép điều hướng ngày{ 'year': 'numeric', 'month': 'long', 'day': 'numeric', 'weekday': 'long' }
1Boolean
false
Disable keyboard navigation of the calendar componentsObject
8Boolean
false
Places the calendar in an interactive readonly state. Disables updating the v-model, while still allowing date navigation{ 'year': 'numeric', 'month': 'long', 'day': 'numeric', 'weekday': 'long' }
1String
Đặt giá trị cho thuộc tính `role-description` trên thành phần{ 'year': 'numeric', 'month': 'long', 'day': 'numeric', 'weekday': 'long' }
3String
{ 'year': 'numeric', 'month': 'long', 'day': 'numeric', 'weekday': 'long' }
5Theme color variant to use for the selected date button{ 'year': 'numeric', 'month': 'long', 'day': 'numeric', 'weekday': 'long' }
6v2.11.0+
Boolean
false
Khi `true`, hiển thị các nút điều hướng +/- thập kỷ{ 'year': 'numeric', 'month': 'long', 'day': 'numeric', 'weekday': 'long' }
9String
00 hoặc String
String
02Day of week to start the calendar. `0` for Sunday, `1` for Monday, `6` for Saturday, etcString
03String
Biến thể màu chủ đề để sử dụng làm nổi bật nút ngày hôm nay. Mặc định cho prop_______105 của `seredVariant`v-model
block
9 hoặc String
Giá trị ngày được chọn ban đầu. Chấp nhận chuỗi `YYYY-MM-DD` hoặc đối tượng `Date`String
08Boolean
false
Trả về đối tượng `Date` cho mô hình v thay vì a . 12. 0+v2.12.0+
String
String
13Định dạng sử dụng cho tiêu đề ngày trong tuần của lịch. Các giá trị có thể là `dài`, `ngắn` [mặc định] hoặc `narrow`String
14String
String
16Chiều rộng của lịch. Không có tác dụng nếu prop `block` được đặtmáy đánh bạc
Tên
phạm vi
Sự miêu tả
String
17 Không Được sử dụng để đặt các điều khiển tùy chỉnh ở cuối thành phần lịchString
18 v2. 12. 0+ Hiển thị phạm viĐược sử dụng để đặt nội dung tùy chỉnh trong nút điều hướng của thập kỷ tớiString
19 v2. 12. 0+ Hiển thị phạm viĐược sử dụng để đặt nội dung tùy chỉnh trong tháng tiếp theo nút điều hướngString
20 v2. 12. 0+ Hiển thị phạm viĐược sử dụng để đặt nội dung tùy chỉnh trong nút điều hướng năm tớiString
21 v2. 12. 0+ Hiển thị phạm viĐược sử dụng để đặt nội dung tùy chỉnh trong nút điều hướng của thập kỷ trướcString
22 v2. 12. 0+ Hiển thị phạm viĐược sử dụng để đặt nội dung tùy chỉnh trong tháng trước nút điều hướngString
23 v2. 12. 0+ Hiển thị phạm viĐược sử dụng để đặt nội dung tùy chỉnh trong năm trước nút điều hướngString
24 v2. 12. 0+ Hiển thị phạm viĐược sử dụng để đặt nội dung tùy chỉnh trong nút điều hướng tháng/ngày này
Làm cách nào để tạo lịch sự kiện trong Bootstrap?
Cách sử dụng. .
Tải jQuery và Bootstrap cần thiết trong tài liệu HTML. < liên kết rel = "bản định kiểu" href = "/path/to/cdn/bootstrap. tối thiểu. css" />.
Tạo vùng chứa để chứa lịch sự kiện. .
Tải tập lệnh lịch sự kiện chính sau JavaScript của Bootstrap. .
Các kiểu CSS cần thiết cho lịch sự kiện
Bootstrap có lịch không?
Bootstrap có nhiều plugin, lớp và thẻ nâng cao để làm cho ứng dụng web trở nên thân thiện với người dùng. Đây là plugin mở rộng để tạo lịch trong ứng dụng web . Nó có tất cả các chức năng của lịch với quản lý sự kiện.
Làm cách nào để tạo lịch động trong Bootstrap?
Cách sử dụng. .
Để sử dụng thành phần này, đảm bảo bạn đã tải thư viện jQuery và khung Bootstrap 4 trong tài liệu. .
Tải khoảnh khắc mới nhất. .
Tải biểu định kiểu của lịch trong tài liệu. .
Tạo vùng chứa DIV để chứa lịch sự kiện. .
Nhập mô-đun spinner tải nếu cần
Làm cách nào để sử dụng Datepicker trong bootstrap?
Tải xuống và bao gồm. Tải xuống jQuery và Bootstrap. .
Khởi tạo. Tạo một phần tử đầu vào và khởi tạo nó bằng một trong hai cách –.
Tùy chọn. Cú pháp [ thuộc tính dữ liệu ] – data-date-[option-name] = value. .
phương pháp. Cú pháp – $[bộ chọn]. datepicker["tên phương thức",[giá trị]];.
Sự kiện. Một số sự kiện là -.
Phần kết luận