phonegap日期插件适用于jqmobi ionic jqueryMobile 以及html开发中

admin · 发表于 2015-3-9 20:18:27

很多同学都纠结一个问题就是  在jqmobi中或者ionic中没有日期插件，用html5自带的日期插件不是特别好使下面给大家提供一款原生的phonegap日期插件

phonegap日期插件适用于jqmobi ionic jqueryMobile 以及html开发中

cordova DatePicker Plugin for iOS and Android地址：

https://www.npmjs.com/package/cordova-plugin-datepicker

使用方法：

DatePicker Plugin for Cordova/PhoneGap 3.0 (iOS and Android)

支持phonegap/cordova 3.0以上版本

ios下载地址: https://github.com/sectore/phonegap3-ios-datepicker-plugin

android下载地址: https://github.com/bikasv/cordov ... e/master/datepicker

安装

1) 首先安装完成 phonegap3.0以上版本  其次要安装git  命令

2) phonegap CLI命令窗口安装也就是cmd那个窗口  但是一定要安装 git  不然可能安装不成功

cordova plugin add https://github.com/VitaliiBlagodir/cordova-plugin-datepicker

phonegap local plugin add https://github.com/VitaliiBlagodir/cordova-plugin-datepicker

使用说明：

var options = {
  date: new Date(),
  mode: 'date'
};

datePicker.show(options, function(date){
  alert("date result " + date);
});

使用案例:

  // "设置时间"Event
  $scope.deadline = function() {
var options = {
   date: $scope.todo_date,
   mode: 'date'
};
datePicker.show(options, function(d) {
   if (!isNaN(d.getTime())) {  // valid date
      $scope.$apply(function () {
      $scope.todo_date = d;
      });
   }
});
  }