离子日期时间选择器仅显示日期（ng-cordova）答案

【问题标题】：ionic Date time picker show only the date (ng-cordova)离子日期时间选择器仅显示日期（ng-cordova）
【发布时间】：2015-09-01 15:28:49
【问题描述】：

我正在使用 ionic 框架开发网络应用程序。在这个应用程序中，我需要一个日期时间选择器，所以我安装了 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;
  });
};

感谢您的帮助

【问题讨论】：

标签： angularjs cordova ionic-framework ionic ngcordova

【解决方案1】：

你能用这段代码检查一下它对我有用吗：
在 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);
      });

    })
  }

}])

【讨论】：

【解决方案2】：

Android 浏览器（目前）不支持datetime HTML5 输入类型。

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

【讨论】：

【解决方案3】：

你可以使用

mode: 'date'

和

mode: 'time'

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

【讨论】：