phonegap-plugins/Android/DatePicker

1. Copy the .js file to your 'www' folder

2. Create a package com.phonegap.plugin

3. Copy the .java file into this package

4. Update your res/xml/plugins.xml file with the following line:

5. Add a class="nativedatepicker" to your element for which you want the native datepicker

6. Add the following jQuery fragment to handle the click on these input elements:

   $('.nativedatepicker').click(function(event) { var currentField = $(this); var myNewDate = Date.parse(currentField.val()) || new Date();

    // Same handling for iPhone and Android
    window.plugins.datePicker.show({
    	date : myNewDate,
    	mode : 'date', // date or time or blank for both
    	allowOldDates : true
    }, function(returnDate) {
    	var newDate = new Date(returnDate);
    	currentField.val(newDate.toString("dd/MMM/yyyy"));
    });
   

   });

   $('.nativetimepicker').click(function(event) { var currentField = $(this); var time = currentField.val(); var myNewTime = new Date();

    myNewTime.setHours(time.substr(0, 2));
    myNewTime.setMinutes(time.substr(3, 2));
   
    // Same handling for iPhone and Android
    plugins.datePicker.show({
    	date : myNewTime,
    	mode : 'time', // date or time or blank for both
    	allowOldDates : true
    }, function(returnDate) {
    	var newDate = new Date(returnDate);
    	currentField.val(newDate.toString("HH:mm"));
    });
   

   });

7. It is recommended to prefil these input fields and make these fields read only with a standard date format, preferably with three letter month so it can always be parsed.