如何在模式中显示 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');
我想编辑开始时间和结束时间,但是当我点击模式时,时间不显示,但标题显示。为什么是这样?有什么我想念的吗?
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');