как создать щуку времени с реакцией и моментом js - PullRequest
Новая
       4

как создать щуку времени с реакцией и моментом js

0 голосов
/ 31 марта 2020

Я новичок, чтобы реагировать

Я хотел бы создать средство выбора времени, которое основано на доступности дня человека (this.state.d disponiblites), и сопоставить его в компосте с интервалом мой выбор относительно состояния «длительность», например, он доступен с 10:00 до 20:00, поэтому общая продолжительность 10 ч

Я хотел бы отобразить его доступность в интервале х (например, 1 ч) 10 расписаний или 20 расписаний (на интервал 30 минут), исключая уже занятые временные интервалы (this.state.orders) с моментом. js или лучшее решение сильный текст 

import React from 'react';
import moment from 'moment';
import './time.css';

class timepiker extends React.Component {

    constructor(props){
      super(props)
          this.state ={
                
            date : moment.format('L'),
         
           disponibilitie : {
         
              timemin : `${this.state.date}10:00`,
              timemax : `${this.state.date}20:00`,
              duration : moment.duration(10, 'hours'),
             },
         
          
         
            orders:
                    {    id: 1,
                      start: '05/05/2020 15:00',
                        end: '05/05/2020 16:30',
                   duration: moment.duration(90, 'minutes')
         
                    },  

          }

    }

    render() {


      return (
        <div>


        <div className="timepiker">

            {  this.state.disponibilitie.map((disponibilite)=> 
                {
                    return (
                        <Time 
                        start={disponibilite.timemax}
                        end={disponibilite.timemin}
                        duration={disponibilite.duration} />     
                    
                    )
                })} 

        </div> 

     
        </div>

      )

    }

}

export default  timepiker

выделенный текст

...