簡體   English   中英

Angular-UI引導日期選擇器問題

[英]Angular-UI Bootstrap Datepicker Issue

我一直在使用這個示例來獲取可用的Datepicker,但是,我似乎實際上並沒有在Angularjs上獲取日期。 第一次單擊日歷時,它會顯示正確的日期,但只有再次單擊時,它才會console.log我的日期。 因此,基本上,我正在$ scope.open函數中執行console.log($ scope.dt)。 但是,如何獲得動態日期而不必雙擊日歷?

tl; dr如果單擊日歷按鈕並選擇一個日期,則應該在該時間點console.log選定的日期。 我覺得這是我忽略的一個非常簡單的問題。

編輯:Datepicker代碼-html:

 <div ng-controller="Controller">
        <div class="row">
            <div class="col-md-6">
                <p class="input-group">
                    <input class="form-control date" type="text" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" close-text="Close" ng-click="logFunction()" />
                    <span class="input-group-btn"><button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button></span>
                </p>
            </div>
        </div>
    </div>

在我的控制器內:

    $scope.logFunction = function() {
        console.log($scope.dt);
    }

在日期選擇器內部,使用ng-change =“ logFunction()”

在控制器內部編寫一個簡單的函數:

$scope.logFunction = function () {
    console.log($scope.dt);
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM