2016-01-20 69 views
0

我是新的角和我正面臨一個問題。我嘗試綁定我的jQuery DateTimePicker與角度,我想知道如何。 我的DateTimePicker輸入值是一個字符串,我需要綁定相應的Date對象與我的角度變量。AngularJS:鏈接jQuery與角

這裏是我的代碼:

JS

myModule.controller('myCtrl', ['$scope', function($scope) { 
    /* initialize current_date value */ 
    $scope.current_date = new Date(); 
}]); 

HTML

<input id="datetimepicker" type="text" />       

<script> 
    $(function() { 
     $('#datetimepicker').datetimepicker({ 
      onChangeDateTime:function(ct,$i){ 
       console.log(ct); 
      }      
     }); 
    }); 
</script> 

當我選擇一個日期,在日期選擇器,它激發了changeDateTime事件,'ct'變量是我的日期對象。我的問題是:我如何將'ct'變量與我的角度current_date綁定? 我試過ng-model =「current_date」,但它不適用於DateTimePicker,無論如何,我需要一個Date對象,而不是日期的字符串表示。

+0

需要在自定義指令中進行初始化,因此元素在代碼運行時存在,並且您還可以訪問作用域。大概可以找到這個插件的角度模塊 – charlietfl

+0

它似乎是一個很好的接近。我可以在dom中定義一個回調函數並在我的指令中使用它來調用控制器中的函數嗎? – user2733521

+0

不要考慮這個dom ......想一想在事件回調中可用的插件事件和作用域。請注意,如果您更新外部非核心角度事件中的作用域,則需要告訴角度來運行摘要 – charlietfl

回答

0

我強烈建議你看看angular-bootstrap,它有很多jQuery/bootstrap javascript編寫的Angular方式,所以一般不建議將jQuery與Angular結合使用。

+0

我已經檢查過,但anguar-bootstrap中唯一的datePicker不支持時間,並且我需要日期+時間選擇器 – user2733521

+0

@ user2733521你看過像這樣的東西:https://github.com/dalelotts/angular-bootstrap-datetimepicker或這個:https://rawgit.com/eight04/angular-datetime/master/demo.html? –