Javascript 如何获取要编辑的对象的参数
我对DateTime属性有问题。问题是我已经创建了一个模式引导来编辑Fullcalendar中的事件。当我点击事件时,它会出现一个模式,其中包含一个编辑事件的表单。问题是我不知道如何获取我单击的事件的参数。我将向您展示表单、控制器、视图和javascript javascript代码Fullcalendar在eventClick中传递该控件的urlJavascript 如何获取要编辑的对象的参数,javascript,ruby-on-rails,fullcalendar,bootstrap-modal,Javascript,Ruby On Rails,Fullcalendar,Bootstrap Modal,我对DateTime属性有问题。问题是我已经创建了一个模式引导来编辑Fullcalendar中的事件。当我点击事件时,它会出现一个模式,其中包含一个编辑事件的表单。问题是我不知道如何获取我单击的事件的参数。我将向您展示表单、控制器、视图和javascript javascript代码Fullcalendar在eventClick中传递该控件的url function drawControl(controls) { console.log(controls[0])
function drawControl(controls) {
console.log(controls[0])
$('#calendar').fullCalendar({
editable: true,
aspectRatio: 1,
contentHeight: 500,
scrollTime: '24:00:00',
minTime: '01:00:00',
maxTime: '24:00:00',
defaultView: 'agendaWeek',
header:{left:"prev,next,today",
center:"title",
right:"month, agendaWeek, agendaDay"},
events: allControls(controls),
eventRender: function(event, element) {
var bloodLevel=event.title
if(bloodLevel >= 180) {
element.css('background-color', 'red');
}
else if(bloodLevel < 70) {
element.css('background-color', 'yellow');
}
},
eventClick: function(calEvent, jsEvent, view) {
$('#modalTitle').html(calEvent.title);
$('#modalDate').html(calEvent.start);
$('#modalBody').html(event.description);
$('#eventUrl').attr('href',"/users/:user_id/controls/calEvent.id/edit");
$('#fullCalModal').modal();
} //....
您是否检查了文档并查看了事件对象中的内容? 例如:calEvent.start是一个矩对象,因此在模态上将其设置为HTML可能不是您想要对其执行的操作 查看momentjs文档,了解如何使用calEvent.start.format或其他功能
<div class="">
<%= form_for [@user, @control], :html => {:class => ''} do |f| %>
<p class="new_control_text">Edit Control</p>
<div class="form-group">
<div class="input-group">
<%= f.label :level, class: "sr-only", for: "exampleInputEmail2" %>
<%= f.number_field :level, class: "form-control", id: "exampleInputEmail2", placeholder: "Enter level" %>
</div>
</div>
<div class="form-group container">
<div class="row datetimeselect">
<div class='col-sm-12'>
<div class="form-group">
<div class='input-group date' id='datetimepicker2'>
<%= f.text_field :day, default: @control_day, :class => 'form-control' %>
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="select_period">
<%= f.select :period, options_for_select([['pre-breakfast'], ['post-breakfast'],['pre-lunch'],['post-lunch'],['afternoon'],['pre-dinner'],['post-dinner']]), {}, class: "form-control" %>
</div>
<%= f.submit "Save", type:"submit", class: "btn btn-default button-save" %>
<% end %>
</div>
<div id="fullCalModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span> <span class="sr-only">close</span></button>
<h4 id="modalTitle" class="modal-title"></h4>
</div>
<div id="modalBody" class="modal-body">
<%= render 'form_edit' %>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button class="btn btn-primary"><a id="eventUrl" target="_blank">Event Page</a></button>
</div>
</div>
</div>
def edit
@user = current_user
@control = Control.find(params[:id])
@control_day = @control.day.strftime('%m','%d','%Y','%I','%M','%p')
end