【问题标题】:Angular2 not getting value if using Jquery Datepicker如果使用 Jquery Datepicker,Angular2 不会获得价值
【发布时间】:2017-10-16 19:12:12
【问题描述】:

我正在尝试将日期选择器用作:

<div class="form-group row">
                        <label class="col-md-3 col-form-label" for="l0">Date</label>
                        <div class="col-md-9">
                            <input type="text" class="form-control datepicker-only-init" formControlName="last_updated" placeholder="Select Date" />
                        </div>
                    </div>

在ts中:

$(function(){
        $('.datepicker-only-init').datetimepicker({
            widgetPositioning: {
            horizontal: 'left'
            },
            icons: {
            time: "fa fa-clock-o",
            date: "fa fa-calendar",
            up: "fa fa-arrow-up",
            down: "fa fa-arrow-down",
            previous: 'fa fa-arrow-left',
            next: 'fa fa-arrow-right'
            },
            format: 'LL'
        });
    })

** 我的 Datepicker 显示良好,但我无法再次获得它的值。

我是这样理解的;

this.testForm.controls['last_updated'].value;

【问题讨论】:

  • 你能告诉我你的文本框是否在 ng-repeat 中吗?
  • 不,它不在 ng-repeat 中,我也更新了问题。

标签: javascript jquery angular2-template angular2-forms


【解决方案1】:

我找到了一个解决方案:

<input type="text" class="form-control datepicker" id="datePicker" #datePicker formControlName="last_updated" placeholder="Select Date" (blur)="onDateChange(datePicker.value);"/>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-04-08
    • 2017-09-26
    • 2016-01-30
    • 2018-09-11
    • 1970-01-01
    • 1970-01-01
    • 2011-01-01
    • 2017-07-14
    相关资源
    最近更新 更多