0.1.1 • Published 6 years ago

cordova-plugin-materialdatetime v0.1.1

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

Cordova Material DateTime Picker

Based On : Material DateTime : https://github.com/wdullaer/MaterialDateTimePicker

Cordova plugin : cordova-plugin-materialdatetime

Platforms available : android

install :

1 ) run cordova plugin add https://github.com/moda20/cordova-plugin-MaterialDateTimePicker.git

2 ) use directly from the window available cordova object.

Usage

Example :

let DatePickerargs = {
            title: 'title',
            color: '#c60808',
            oktext: 'Ok', // OK button text
            canceltext: 'No', // Cancel button text
            mindate: '', // MUST BE IN dd-MM-yyyy format
            maxdate: '', // MUST BE IN dd-MM-yyyy format
            highlitedDates: ['', ''], // DATES MUST BE IN dd-MM-yyyy format
            showyearpickerbeforemonth: false,
            vibrateontouch: true,
            autodismiss: true, // DIsmiss when choosing a date automatically
        }

        let Timepickerargs = {
            title: 'title',
            color: '#c60808',
            oktext: '', // OK button text
            canceltext: '', // Cancel button text
            /*     mintime:'', // ARRAY of HOURS, MINUTES, SECONDS [23,12,44]
                 maxtime:'', // ARRAY of HOURS, MINUTES, SECONDS [23,12,44]*/
            enableSeconds: false,
            enableminute: true,
            vibrateontouch: true,
        }

        window.cordova.plugins.CordovaMaterialDateTime.TimePicker(Timepickerargs).then(
            function (res) {
                console.log(res);
            }
        ).catch(e => {
            console.log(e);
            alert("Errored")
        })

Docs :

The `CordovaMaterialDateTime` has only Two method : `TimePicker` and `DatePicker`.

TimePicker

The function arguments are a single object

AttributeDescriptionType
titlea title to display on top of the timepickerString
colorthe general color for the time picker. includes the circle headed arrow and the titleString, ex :#c60808
oktextThe text for the OK buttonString
canceltextthe text for the cancel buttonString
mintimean array of the minimum time possible to pick : hours,minutes,secondsArray of Int, ex 23,12,44
maxtimean array of the maximum time possible to pick : hours,minutes,secondsArray of Int, ex 23,12,44
enableSecondswhether to enable or disable the seconds picker defaults to FalseBoolean
enableminutewhether to enable or disable the minutes picker defaults to FalseBoolean
vibrateontouchWether to vibrate when touching the time picker or notBoolean

The TimePicker function returns a promise that resolves with the time chosen.

DatePicker

The function arguments are a single object

AttributeDescriptionType
titlea title to display on top of the timepickerString
colorthe general color for the time picker. includes the circle headed arrow and the titleString, ex :#c60808
oktextThe text for the OK buttonString
canceltextthe text for the cancel buttonString
mindatean array of the minimum time possible to pick : hours,minutes,secondsString, must be date in thedd-MM-yyyy format
maxdatean array of the maximum time possible to pick : hours,minutes,secondsString, must be date in thedd-MM-yyyy format
highlitedDatesDates that are highlighted in the calendar :Array of String,[] Strings must be date in the dd-MM-yyyy format
showyearpickerbeforemonthwhether to show the year picker before the month'sBoolean
vibrateontouchwhether to vibrate when touching the time picker or notBoolean
autodismisswhether to dismiss the datepicker automatically when the user chooses a dateBoolean

The DatePicker function returns a promise that resolves with the chosen date.

Plugin.xml :

You may have to change the com.android.support:appcompat-v7:27.1.1 to a certain version.
Note that this version needs to be unique with all components in your app, so make sure you have it fixed.

ChangeLog

Licence

MIT