Lịch React-bootstrap

Không, hơn 80 thành phần React của chúng tôi, bao gồm DatePicker, không được bán riêng lẻ, chỉ dưới dạng một gói duy nhất. Tuy nhiên, chúng tôi đã định giá sản phẩm một cách cạnh tranh nên nó chỉ đắt hơn một chút so với giá mà một số nhà cung cấp khác tính cho riêng DatePicker của họ. Chúng tôi cũng nhận thấy rằng, theo kinh nghiệm của chúng tôi, khách hàng của chúng tôi thường bắt đầu sử dụng một trong các sản phẩm của chúng tôi và sau đó nhanh chóng mở rộng sang một số sản phẩm, vì vậy chúng tôi cảm thấy tốt nhất là cung cấp tất cả hơn 80 thành phần React với mức phí cố định là 995 đô la/nhà phát triển. Trên hết, chúng tôi có thể cung cấp giảm giá bổ sung dựa trên các chương trình khuyến mãi hiện đang hoạt động. Vui lòng liên hệ với nhóm bán hàng của chúng tôi ngay hôm nay để xem bạn có đủ điều kiện nhận bất kỳ giảm giá bổ sung nào không

Phân tích sâu hơn về trạng thái bảo trì của lịch phản ứng-bootstrap dựa trên nhịp phiên bản npm đã phát hành, hoạt động của kho lưu trữ và các điểm dữ liệu khác đã xác định rằng việc bảo trì của nó là Không hoạt động

Một tín hiệu bảo trì dự án quan trọng cần xem xét đối với lịch phản ứng-bootstrap là nó không thấy bất kỳ phiên bản mới nào được phát hành cho npm trong 12 tháng qua và có thể được coi là một dự án đã ngừng hoạt động hoặc dự án ít nhận được sự chú ý từ những người bảo trì của nó

Trong tháng trước, chúng tôi không tìm thấy bất kỳ hoạt động yêu cầu kéo nào hoặc thay đổi trạng thái vấn đề đã được phát hiện đối với kho lưu trữ GitHub

        
            
          import React, { Component } from 'react';
          import MDBFullCalendar from 'mdb-react-calendar';
          import { addHours, addDays, addWeeks, startOfWeek } from 'date-fns';

          const today = new Date();

          class App extends Component {
            state = {
              tasks: [
                {
                  id: 'task1',
                  title: 'Today',
                  startDate: new Date().setHours(0, 0, 0),
                  endDate: new Date().setHours(23, 59, 59),
                  color: 'danger',
                  dark: true,
                  link: true,
                  to: 'test',
                },
                {
                  id: 'task2',
                  title: 'Today',
                  startDate: new Date().setDate(2),
                  endDate: new Date().setDate(15),
                  color: 'info',
                  link: true,
                  to: 'test1',
                },
                {
                  id: 'task3',
                  title: 'Task name',
                  startDate: new Date().setDate(2),
                  endDate: new Date().setDate(15),
                  color: 'warning',
                  dark: true,
                  link: true,
                  to: 'test2',
                },
              ],
            };
          
            render() {
              const arrOfObjects = [
                { color: 'elegant-color', title: 'Test', dark: true },
                { color: 'danger-color', title: 'Test1', dark: false },
                { color: 'warning-color', title: 'Meeting', dark: false },
                { color: 'success-color', title: 'Home', dark: false },
                { color: 'info-color', title: 'Lunch', dark: false },
                { color: 'default-color', title: 'Something', dark: false },
                { color: 'primary-color', title: 'Pool', dark: false },
                { color: 'secondary-color', title: 'Footbal', dark: true },
              ];
          
              return ;
            }
          }


          export default App;
        
        
    

Bản thử trực tiếp. http. //cdn. nguyên liệu. com/nnarhinen/react-bootstrap-calendar/master/example/index. html Nguồn demo. ví dụ. js

Cài đặt

npm install react-bootstrap-calendar

Cách sử dụng

Vui lòng chỉ sử dụng phiên bản được cài đặt npm ngay bây giờ. Tôi đang gặp sự cố khi xây dựng gói umdjs. ngăn xếp con/nút-browserify#939

var Calendar = require('react-bootstrap-calendar').Calendar,



    React = require('react');
 
var daySelected = function(m) {
  // m is a moment object



  alert(m.toString());
};
 
React.renderComponent(<Calendar onDaySelected={daySelected} />, document.body);

Nếu bạn cần một công cụ hẹn hò "truyền thống" hơn, bạn có thể tạo một công cụ bằng cách sử dụng react-bootstraps và

React Bootstrap có DatePicker không?

Làm cách nào để sử dụng DatePicker trong React Bootstrap?

Bootstrap có lịch không?

Bootstrap có tốt với React không?