前提・実現したいこと
Javascript,React共に初心者です。
FullCalendarの月表示状態で日付をクリックした際、真下にポップオーバー表示が出るようにしたいです。
dayClick(){}内に処理を書き込めば良いのかと思うのですが、ポップオーバーで検索してもボタンやテキストに紐付けされているものが殆どで実装方法が分かりませんでした。
今の状態はクリック時に日付がアラートとして表示されるだけです。
該当のソースコード
import React, {Component} from 'react'
import {Container, Row} from 'reactstrap'
import FullCalendar from 'fullcalendar-reactwrapper';
import '../../node_modules/fullcalendar-reactwrapper/dist/css/fullcalendar.min.css'
class DayChange extends Component{
render(){
return(
<Container>
<Row className="mt-100">
<FullCalendar
id="user_id"
header = {{
left: 'prev,next today myCustomButton',
center: 'title',
right: 'month,basicWeek,basicDay'
}}
defaultDate={'2018-05-30'}
navLinks= {true}
editable= {true}
eventLimit= {true}
selectable={true}
locale={'ja'}
dayClick={function(date,jsEvent,view) {
alert(date.format('YYYY/MM/DD'))
}}
/>
</Row>
</Container>
)
}
}
export default DayChange
あなたの回答
tips
プレビュー