我正在使用离子框架来开发一个网络应用程序。在这个应用程序中,我需要一个日期时间选择器,所以我安装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;
});
};
感谢您的帮助
答案 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个控件中并从两个值中收集日期时间。