在弹出窗口中显示完整日历中的选择事件

Question

我正在尝试使用完整的日历来选择日期，并在弹出框中使用数据，在弹出框中将有人可以验证日期/时间并更改文本行

以下代码警报中的Nb(启动)；显示正确选择的日期和时间例如2019年2月2日星期六00:00:00 GMT+0000

然而，当试图将其放入可编辑文本框时，"开始"中的数据不会作为行中的变量发送

'<input class="form-control" type="text" value="start" id="start" >'+

完整代码：

initFullCalendar: function(){
$calendar = $('#fullCalendar');
today = new Date();
y = today.getFullYear();
m = today.getMonth();
d = today.getDate();
$calendar.fullCalendar({
select: function(start, end) {
alert(start);
// on select we show the Sweet Alert modal with an input
swal({
title: 'Create x Event',
html: '<div class="form-group">' +
'<input class="form-control" placeholder="Facility" id="facility">' +
'</div>'+
'<div class="form-group">' +
'<input class="form-control" placeholder="Provider" id="provider">' +
'</div>' +
'<div class="form-group">' +
'<input class="form-control" placeholder="Complaint" id="starttime">' +
'</div>'+
'<div class="form-group">' +
'<label for="Category">Select </label>' +
'<select class="form-control" id="category">' +
'<option>New Patient</option>' +
'<option>Review</option>' +
'<option>Referral</option>' +
'<option>Urgent Request</option>' +
'</select>' +
'</div>' +
'<div class="form-group">' +
'<input class="form-control" type="text" value=start id="start" >'+
'</div>',
showCancelButton: true,

Answer 1

您需要使用实际的"start">变量，通过将其与字符串的其余部分串联(连接)来设置该元素的value属性。现在，您只需要包含一个名为"start"的静态字符串。例如

'<input class="form-control" type="text" id="start" value="' + start.format() + '"/>'

请注意，字符串结束，开始值使用+符号连接，然后字符串再次重新启动。

注意：您可以根据自己的要求调整日期格式-查看文档。