cordova-plugin-statusbar怎么用

cordova-plugin-statusbar怎么用

Configure the device’s StatusBar with colors and styles.
cordova plugin add cordova-plugin-statusbar
module.controller('MyCtrl', function($cordovaStatusbar) {
$cordovaStatusbar.overlaysWebView(true);
// styles: Default : 0, LightContent: 1, BlackTranslucent: 2, BlackOpaque: 3
$cordovaStatusbar.style(1);
// supported names: black, darkGray, lightGray, white, gray, red, green,
// blue, cyan, yellow, magenta, orange, purple, brown
$cordovaStatusbar.styleColor('black');
$cordovaStatusbar.styleHex('#000');
$cordovaStatusbar.hide();
$cordovaStatusbar.show();
var isVisible = $cordovaStatusbar.isVisible();
});
同时，要在你的module里注入ngCordova，然后按照文档上的方法使用就行了

1、app.js的.config里面加入 var timepickerobj = { inputtime: ((((new date()).gethours()) * 60 * 60) + ((new date()).getminutes() * 60)), format: 12, step: 15, setlabel: '确认', closelabel: '取消' }; ionictimepickerprovider.configtimepicker(timepickerobj); //回弹效果 $ionicconfigprovider.scrolling.jsscrolling(true); var datepickerobj = { inputdate: new date(), setlabel: '确认', todaylabel: '今天', closelabel: '取消', mondayfirst: false, weekslist: ["日", "一", "二", "三", "四", "五", "六"], monthslist: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"], templatetype: 'popup', from: new date(2012, 8, 1), to: new date(2018, 8, 1), showtodaybutton: true, dateformat: 'dd mmmm yyyy', closeonselect: false }; ionicdatepickerprovider.configdatepicker(datepickerobj); 2、相应controller里面加入 var datepickercallback = { callback: function (date) { //mandatory var timepickercallback = { callback: function (meetingdate) { //mandatory var datetime = (date + meetingdate * 1000); $scope.meeting.meetingdate = new date(datetime); var myjsdate = $filter('date')($scope.meeting.meetingdate, 'yyyy-mm-dd hh:mm:ss'); $scope.meeting.meetingdate = myjsdate; } }; ionictimepicker.opentimepicker(timepickercallback); } }; $scope.opendatepicker = function () { ionicdatepicker.opendatepicker(datepickercallback); }; 3、页面上