This is a combined version of DatePicker iOS and Android plugin for Cordova/Phonegap 3.0.
Original iOS version: https://github.com/sectore/phonegap3-ios-datepicker-plugin
Original Android version: https://github.com/bikasv/cordova-android-plugins/tree/master/datepicker
Original combined version: https://github.com/VitaliiBlagodir/cordova-plugin-datepicker
Original combined version: https://github.com/nicholasareed/cordova-plugin-datepicker
1) Make sure that you have Node and Cordova CLI or PhoneGap's CLI installed on your machine.
2) Add a plugin to your project using Cordova CLI:
cordova plugin add https://github.com/Sharinglabs/cordova-plugin-datepicker
Or using PhoneGap CLI:
phonegap local plugin add https://github.com/Sharinglabs/cordova-plugin-datepicker
3a) Register plugin within config.xml
of your app
<feature name="DatePicker">
<param name="ios-package" value="DatePicker"/>
</feature>
<feature name="DatePickerPlugin">
<param name="android-package" value="com.sharinglabs.cordova.plugin.datepicker.DatePickerPlugin"/>
</feature>
3b) If you are using PhoneGap build service add to config.xml
<gap:plugin name="com.sharinglabs.cordova.plugin.datepicker" />
var options = {
date: new Date(),
mode: 'date'
};
datePicker.show(options, function(date){
alert("date result " + date);
});
The mode of the date picker.
Type: String
Values: date
| time
| datetime
(datetime only works starting Android 4.4)
Default: date
Selected date.
Type: String
Default: new Date()
Minimum date.
Type: Date | empty String
Default: (empty String)
Maximum date.
Type: Date | empty String
Default: (empty String)
Shows or hide dates earlier then selected date.
Type: Boolean
Values: true
| false
Default: true
Shows or hide dates after selected date.
Type: Boolean
Values: true
| false
Default: true
Label of done button.
Typ: String
Default: Done
Hex color of done button.
Typ: String
Default: #0000FF
Label of cancel button.
Type: String
Default: Cancel
Hex color of cancel button.
Type: String
Default: #000000
Label of clear button.
Type: String
Default: Clear
Hex color of clear button.
Type: String
Default: #FF0000
Show or hide clear button
Type: Boolean
Default: false
Return: "clear" will be returned when the user clicks the button
X position of date picker. The position is absolute to the root view of the application.
Type: String
Default: 0
Y position of date picker. The position is absolute to the root view of the application.
Type: String
Default: 0
var options = {
date: new Date(),
mode: 'date'
};
datePicker.show(options, function(date){
alert("date result " + date);
});