离子日期时间选择器仅显示日期(ng-cordova)

时间:2015-09-01 15:28:49

标签: angularjs cordova ionic-framework ionic ngcordova

我正在使用离子框架来开发一个网络应用程序。在这个应用程序中,我需要一个日期时间选择器,所以我安装ng-cordova datepicker插件,在Android设备上它的工作正常但在ios设备上我只得到没有时间的日期是我的代码:

var options_date = {
 date: new Date(),
 mode: 'datetime', // or 'time'
 minDate: new Date() - 10000,
 allowOldDates: true,
 allowFutureDates: true,
 doneButtonLabel: 'DONE',
 doneButtonColor: '#F2F3F4',
 cancelButtonLabel: 'CANCEL',
 cancelButtonColor: '#000000'
};
$scope.setDate = function() {
  $cordovaDatePicker.show(options_date).then(function(date){
     $scope.startDateTime = date;
  });
};

感谢您的帮助

3 个答案:

答案 0 :(得分:0)

你能用这段代码查看它对我有用吗:
在index.html中创建一个按钮

<ion-content ng-controller="ExampleCtrl">
      <button class="button button-bar button-balanced" ng-click="datePick()">Check It</button>
      </ion-content>

在您的控制器中将功能代码写为:

.controller('ExampleCtrl', ['$scope','$ionicPlatform','$cordovaDatePicker', function ($scope,$ionicPlatform,$cordovaDatePicker) {
  $scope.datePick = function(){
    var options = {
    date: new Date(),
    mode: 'datetime', // or 'time'
    minDate: new Date() - 10000,
    allowOldDates: true,
    allowFutureDates: false,
    doneButtonLabel: 'DONE',
    doneButtonColor: '#F2F3F4',
    cancelButtonLabel: 'CANCEL',
    cancelButtonColor: '#000000'

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

    })
  }

}])

答案 1 :(得分:0)

Android浏览器不支持(暂时)datetime HTML5输入类型。

README page of the plugin还表示datetime仅适用于iOs和Windows。

答案 2 :(得分:0)

您可以使用

mode: 'date'

mode: 'time'

在2个控件中并从两个值中收集日期时间。