如何在模式中显示 start/end 日期?

How can I display the start/end dates in modal?

我想编辑开始时间和结束时间,但是当我点击模式时,时间不显示,但标题显示。为什么是这样?有什么我想念的吗?

eventClick: function (event) {
  $('#updateModal').modal('show');
  console.log(event)
  $("#id").val(event.id);
  $("#title").val(event.title);
  $("#start").val(event.start.format('YYYY-MM-DD HH:mm:ss'));
  $("#end").val(event.end.format('YYYY-MM-DD HH:mm:ss'));
}

单击时编辑模式的结果

datetime-local 接受以下格式的值。

Local date and time: The following parts, in exactly the following order:

  • A date.
  • The literal string "T".
  • A time.
Example:
1985-04-12T23:20:50.52
1996-12-19T16:39:57

将该字符串格式化如下

event.start.format('YYYY-MM-DDTHH:mm:ss');

对于任何正在寻找这个问题的答案但其他一切都不起作用的人,一位朋友帮助我找到了解决方案。

 eventClick: function (event) {
                if(event) {
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        type: "PUT",
                        datatype: 'JSON',
                        url: SITEURL + '/fullcalendar/edit',
                        data: "&id=" + event.id,
                        success: function (response) {
                            event = JSON.parse(response)

                            $('#start').val(formatEventDate(event.start))
                            $('#end').val(formatEventDate(event.end))

                            console.log(event)
                            $('#title').val(event.title)
                        }

                    });
                    $('#updateModal').modal('show');
                }
function formatEventDate(date){
        eventArr = date.split(' ')
        eventDate = eventArr[0]
        eventTime = eventArr[1].substr(0,5)
        return eventDate +'T'+ eventTime
    }


 

这是控制器编辑功能。

 public function edit(Request $request){
    $event = Event::find($request->id);
    return json_encode($event);
}

这是路线。

 Route::put('fullcalendar/edit', 'CalendarController@edit');