загрузчик даты и времени не работает должным образом в angular6

Question

index. html

   <link href=" https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css">

В компоненте html файл,

                    <div class="form-group">
                        <label class="control-label">Choose date </label>
                        <div class='input-group date'>
                            <input type='text' id='datetimepicker1' class="form-control" />
                            <span class="input-group-addon">
 <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>
                </div>

в angular. json я включаю дату. js файл это включает,

var tomorrow = moment().subtract(10, 'd');

  var next = moment().add(10, 'd');
    $('#datetimepicker1').datetimepicker({
        format: "Y-M-D",
        minDate: tomorrow,
        maxDate: next,

    });

    var d = new Date(); // for now
    var h = d.getHours(); // => 9
    var m = d.getMinutes(); // =>  30

    var hotel_duration = 5;
    var stat_time = h + hotel_duration;
    if (stat_time < 13) {
        var stat_time = 13;
        var m = 00;
    }

    $('#datetimepicker2').datetimepicker({

        format: 'HH:mm',
        minDate: moment({
            h: stat_time,
            m: m
        }),
        maxDate: moment({
            h: 22
        })

    });

во время выполнения ввода, кажется, обычное поле ввода. ничего не происходит. как решить эту проблему