Question

我想在我的Angular中使用Datepicker，我已检查此链接Datepicker，但我只想显示HH：mm。
任何建议将不胜感激编辑：
Currnetly，我用下面的代码尝试了Jquery控件，但是我没有将选定的Datetime设置为我的模型，它似乎与Angular Scope有关。

ngAfterViewInit() {
    $('#timepicker1').timepicker({
        beforeShow: function(input, inst) {
            var newclass = 'admin-form';
            var themeClass = $(this).parents('.admin-form').attr('class');
            var smartpikr = inst.dpDiv.parent();
            if (!smartpikr.hasClass(themeClass)) {
                inst.dpDiv.wrap('<div class="' + themeClass + '"></div>');
            }
        },
        onSelect: function(dateText, inst) {
            ***//this.model is alwasy undefined***
            console.log(dateText)
        }
    });
    $('#timepicker2').timepicker({
        beforeShow: function(input, inst) {
            var newclass = 'admin-form';
            var themeClass = $(this).parents('.admin-form').attr('class');
            var smartpikr = inst.dpDiv.parent();
            if (!smartpikr.hasClass(themeClass)) {
                inst.dpDiv.wrap('<div class="' + themeClass + '"></div>');
            }
        },
        onSelect: function(dateText, inst) {
            console.log(dateText)
        }
    });
    $('#timepicker1').timepicker('setTime', '08:00')
    $('#timepicker2').timepicker('setTime', '17:00')
}

UI：

                                <label for="address" class="col-md-2 control-label">营业时间：</label>
                            <div class="col-md-4">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <label for="timepicker1" class="field prepend-icon">
                                            <input type="text" id="timepicker1" name="timepicker1" class="gui-input" placeholder="开始时间">
                                            <label class="field-icon">
                                                <i class="fa fa-clock-o"></i>
                                            </label>
                                        </label>
                                    </div>
                                    <div class="col-xs-6">
                                        <label for="timepicker2" class="field prepend-icon">
                                            <input type="text" id="timepicker2" name="timepicker2" class="gui-input" placeholder="结束时间">
                                            <label class="field-icon">
                                                <i class="fa fa-clock-o"></i>
                                            </label>
                                        </label>
                                    </div>
                                </div>
                            </div>

HH的角度材料Datepicker：mm

0 个答案: