ionic Date時間選擇器僅顯示日期（ng-cordova）

Question

我正在與ionic框架合作開發Web應用程序。 在這個應用程序中，我需要一個日期時間選擇器，所以我安裝了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;
  });
};

謝謝你的幫助

Answer 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);
      });

    })
  }

}])

Answer 2

Android瀏覽器目前不支持datetime HTML5輸入類型。

插件的README頁面還顯示datetime僅適用於iO和Windows。

Answer 3

您可以使用

mode: 'date'

和

mode: 'time'

在2個控件中，並從兩個值中收集日期時間。