亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用控制器中的結構初始化 TempusDominus datetimepicker

使用控制器中的結構初始化 TempusDominus datetimepicker

慕無忌1623718 2023-07-28 15:08:22
我有一個 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);                  }                }此 Ajax 調用得到類似 {2019-09-12=[12:00 - 13:00, 14:30 - 15:00], 2019-09-13=[10:00 - 11:00]} 的結果。但這不起作用,我得到一個帶有日期和時間的日期時間選擇器,但在控制臺上什么也沒有......如果我取出ajax調用并只輸入enabledDates:[“2019-09-12”,“2019-09” -13"] 它有效,但如果我嘗試從 ajax 調用中獲取它們,則無效。我對 ajax/jquery/javascript 非常無用,所以我確信我做錯了什么......
查看完整描述

1 回答

?
海綿寶寶撒

TA貢獻1809條經驗 獲得超8個贊

所以我猜想,我有各種語法錯誤:


$(function() {


    $.ajax({

        url : rutaBase + '/huecos.json',

        success : function(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 : {

                    date : "fa fa-calendar",

                    up : "fa fa-caret-up",

                    down : "fa fa-caret-down",

                    previous : "fa fa-caret-left",

                    next : "fa fa-caret-right",

                    today : "fa fa-today",

                    clear : "fa fa-clear",

                    close : "fa fa-close"

                }


            });


            $("#fechaCita").on(

                    "change.datetimepicker",

                    function(e) {

                        $('#selectHoraCita').empty();

                        $('#selectHoraCita').append($("<option></option>").attr("value","").text("--"));

                        var horas = [];

                        var fecha = moment(e.date).format('YYYY-MM-DD');

                        horas.push(huecos[fecha]);

                        horas

                                .forEach(function(listItem) {


                                    listItem.forEach(function(opcion) {

                                        $('#selectHoraCita').append(

                                                $("<option></option>").attr(

                                                "value", opcion).text(

                                                opcion));

                                    });

                                });

                    });


        },

        error : function() {

            console.log('Error');

        }


    });


});


查看完整回答
反對 回復 2023-07-28
  • 1 回答
  • 0 關注
  • 151 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號