猿问

使用 Controller 中的结构初始化 TempusDominus datetimepicker

我有一个 tempusdominus datetimepicker 和一个链接的选择。我从控制器中得到一个由 Map> 组成的结构,其中键是应该在 datetimepicker 中启用的日期,每个日期都有一个小时列表,当用户选择日期时,我必须在链接的选择中显示这些小时。


我的jsp中有这个:


<div class="row"> 

    <div class="col-sm-6 labels">

        <div class="form-group">

            <label>Date</label>

            <div class="input-group date" id="fechaCita" data-target-input="nearest">

            <input type="text" class="form-control datetimepicker-input" data-target="#fechaCita"/>

            <div class="input-group-append" data-target="#fechaCita" data-toggle="datetimepicker">

                 <div class="input-group-text"><i class="fa fa-calendar"></i></div>

            </div>

        </div>

    </div>

</div>

<div class="col-sm-4 labels">

    <div class="form-group">

        <label>Time</label>

        <div class="input-group date" id="horaInicio">

            <form:select path="horario.horaInicio" id="selectHoraCita" class="form-control">

                <form:option value="">--</form:option>

            </form:select>

            <input type="hidden" id="horaInicioSelected" />

        </div>

    </div>

</div>

然后在我的 javascript 文件中,我有以下内容:


$(function() {


    $.ajax({

        url: rutaBase + '/huecos.json',

        success: { function(huecos) {

            console.log('Huecos' + huecos);

            var enabledDates = [];

            for (var key in huecos) {

                  if (huecos.hasOwnProperty(key)) {

                    enabledDates.push(key);

                  }

                }


            $('#fechaCita').datetimepicker({

                format : 'DD/MM/YYYY', // Solo se mostrará la fecha

                enabledDates : enabledDates,

                icons 

                    }

                });

            });

        }

        }


    });



});

这个 Ajax 调用得到类似 {2019-09-12=[12:00 - 13:00, 14:30 - 15:00], 2019-09-13=[10:00 - 11:00]} 的结果.


但这不起作用,我得到一个带有日期和时间的日期时间选择器,但在控制台上什么也没有...... -13"] 它有效,但如果我尝试从 ajax 调用中获取它们,则无效。


我对 ajax/jquery/javascript 毫无用处,所以我确定我做错了什么......


陪伴而非守候
浏览 226回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答