worklight 中添加时间控件

在我们使用worklight开发的过程中，由于文档的不开源和插件的缺少，总是自己琢磨很多东东，更有胜者

需要调用源代码实现某些不易实现的功能。在这里把实现的功能代码贴出来，如有不足之处还望指正！

实现的步骤就不多说了，上篇中已经解说

实现日期插件

 public class DatePickerPlugin extends CordovaPlugin {

         private static final CordovaActivity ctx = null;
         private static final String ACTION_DATE = "date";
         private static final String ACTION_TIME = "time";

         @Override
         public boolean execute(String action, JSONArray args,
                 CallbackContext callbackContext) throws JSONException {
             Log.d("DatePickerPlugin", "Plugin Called");
             PluginResult result = null;
             if (ACTION_DATE.equalsIgnoreCase(action)) {
                 Log.d("DatePickerPluginListener execute", ACTION_DATE);
                 this.showDatePicker(callbackContext.getCallbackId(),callbackContext);
                 result= new PluginResult(
                         PluginResult.Status.NO_RESULT);
                 result.setKeepCallback(true);
             } else if (ACTION_TIME.equalsIgnoreCase(action)) {
                 Log.d("DatePickerPluginListener execute", ACTION_TIME);
                 this.showTimePicker(callbackContext.getCallbackId(),callbackContext);
                 result = new PluginResult(
                         PluginResult.Status.NO_RESULT);
                 result.setKeepCallback(true);
             } else {
                 result = new PluginResult(Status.INVALID_ACTION);
                 Log.d("DatePickerPlugin", "Invalid action : " + action + " passed");
             }
             return false;
         }
         /**
          * 时分实现
          * @param callBackId
          * @param callbackContext
          */
         public synchronized void showTimePicker(final String callBackId,final CallbackContext callbackContext) {
             final Calendar c = Calendar.getInstance();
             final int mWhen = c.get(Calendar.HOUR_OF_DAY);
             final int mMin = c.get(Calendar.MINUTE);  

             final Runnable runnable = new Runnable() {
                 public void run() {
                     final TimePickerDialog tpd = new TimePickerDialog(cordova.getActivity(),
                             new OnTimeSetListener() {  

                                 public void onTimeSet(final TimePicker view,
                                         final int hourOfDay, final int minute) {
                                     final JSONObject userChoice = new JSONObject();
                                     try {
                                         userChoice.put("hour", hourOfDay);
                                         userChoice.put("min", minute);
                                     } catch (final JSONException jsonEx) {
                                         Log.e("showDatePicker",
                                                 "Got JSON Exception "
                                                         + jsonEx.getMessage());
                                         callbackContext.sendPluginResult(new PluginResult(
                                                 Status.JSON_EXCEPTION));
                                     }
                                     callbackContext.sendPluginResult(new PluginResult(PluginResult.Status.OK,
                                             userChoice));
                                 }
                             }, mWhen, mMin, true);  

                     tpd.show();
                 }
             };
             this.cordova.getActivity().runOnUiThread(runnable);
         }
         /**
          * 年月日实现
          * @param callBackId
          * @param callbackContext
          */
         public synchronized void showDatePicker(final String callBackId,final CallbackContext callbackContext) {  

             final Calendar c = Calendar.getInstance();
             final int mYear = c.get(Calendar.YEAR);
             final int mMonth = c.get(Calendar.MONTH);
             final int mDay = c.get(Calendar.DAY_OF_MONTH);  

             final Runnable runnable = new Runnable() {  

                 public void run() {
                     final DatePickerDialog dpd = new DatePickerDialog(cordova.getActivity(),
                             new OnDateSetListener() {  

                                 public void onDateSet(final DatePicker view,
                                         final int year, final int monthOfYear,
                                         final int dayOfMonth) {  

                                     final JSONObject userChoice = new JSONObject();  

                                     try {
                                         userChoice.put("year", year);
                                         userChoice.put("month", monthOfYear);
                                         userChoice.put("day", dayOfMonth);
                                     } catch (final JSONException jsonEx) {
                                         Log.e("showDatePicker",
                                                 "Got JSON Exception "
                                                         + jsonEx.getMessage());
                                         callbackContext.sendPluginResult(new PluginResult(
                                                  Status.JSON_EXCEPTION, userChoice));
                                     }
                                     callbackContext.sendPluginResult(new PluginResult(
                                             PluginResult.Status.OK, userChoice));

                                 }
                             }, mYear, mMonth, mDay);  

                     dpd.show();
                 }
             };
             this.cordova.getActivity().runOnUiThread(runnable);
         }
     }  

当然的必须将实现类配置在config.xml中

 var DatePicker = function() {
 };
 DatePicker.prototype.showDateOrTime = function(action,successCallback, failureCallback) {
     cordova.exec(
         successCallback,
         failureCallback,
         'DatePickerPlugin',  //Tell PhoneGap to run "DatePickerPlugin" Plugin
         action,              //Tell plugin, which action we want to perform
         []        //paramter
     );        //Passing list of args to the plugin
 };
 cordova.addConstructor(function(){
     //如果不支持window.plugins,则创建并设置
     if(!window.plugins){
         window.plugins={};
     }
     window.plugins.datePickerPlugin=new DatePicker();
     cordova.addPlugin('datePickerPlugin', new DatePicker());
     PluginManager.addService("DatePickerPlugin",
     "cn.gcsts.plugin.DatePickerPlugin");
 });

效果图展示