Angular ngCordova Datepicker不显示

时间:2015-04-26 08:46:47

标签: angularjs datepicker ngcordova

我安装了ngCordova datepicker,我找不到为什么datepicker不工作:

1)我在哪里整合了ng-click =“datepicker()”:

<a ng-click="datepicker()" class="item item-icon-left item-icon-right" href="#">
  <img id= "icon_calendar" src="../img/icon_calendrier.svg"/>
  <p class="time_date"> </p>
  <img class= "flechedate" src="../img/fleche_bleuclaire.svg"/>
</a>

2)我的控制器(遵循ngCordova网站上的文档):

angular.module('foot',[]).controller('FootController', function ($scope, $cordovaDatePicker) {
 $scope.foot;
 $scope.datepicker = function(){
  var options = {
    date: new Date(),
    mode: 'date', // or 'time'
    minDate: new Date() - 10000,
    allowOldDates: false,
    allowFutureDates: true,
    doneButtonLabel: 'DONE',
    doneButtonColor: '#F2F3F4',
    cancelButtonLabel: 'CANCEL',
    cancelButtonColor: '#000000'
  };
  document.addEventListener("deviceready", function () {

    $cordovaDatePicker.show(options).then(function(date){
        alert(date);


    });

  }, false);
};

});

3 个答案:

答案 0 :(得分:1)

看起来你需要在角度模块中包含ngCordova作为依赖项。

var url = "Validator/?" + data2;
req.open("GET", url, true);        
req.onreadystatechange = inserter2;
req.send();

答案 1 :(得分:1)

似乎&#34;新日期()的类型 - 10000&#34;不是日期,而是数字。您可以参考链接http://forum.ionicframework.com/t/ngcordova-datepicker-show-twice/16158

答案 2 :(得分:0)

结帐这对我有用 您必须将$ ionicPlatform中的datePicker功能写为

$ionicPlatform.ready(function(){
      $cordovaDatePicker.show(options).then(function(date){
        alert(date);
      });

我正在git hub上传一个示例项目,这是link
如有任何疑问,请回复