2.0.1 • Published 1 year ago
mpdatepicker v2.0.1
mpdatepicker
Materialize Persian Date and time picker by A1Gard 4xmen.ir
installation
- npm:
npm i mpdatepicker
- yarn:
yarn add mpdatepicker
screenshot
How to use
Add jquery:
<script type="text/javascript" src="../dist/jquery.min.js"></script>
Add additional font for best view or use vazir-code-font:
<link type="text/css" rel="stylesheet" href="http://4xmen.ir/cdn/VazirCodeX.css"/>
Add css and jquery plugin:
<script type="text/javascript" src="node_modules/dist/jquery.mpdatepicker.js"></script>
<link type="text/css" rel="stylesheet" href="node_modules/dist/jquery.mpdatepicker.css"/>
use plugin :
$(function () {
$(".sample-date-picker").mpdatepicker({
'timePicker': true,
onOpen: function () {
console.log('open');
},
onSelect: function (selected) {
console.log('select', selected);
},
onChange: function (oldVal, newVal) {
console.log('change', oldVal, newVal);
},
onClose: function () {
console.log('close');
},
});
});
Options & events
name | default | action |
---|---|---|
timePicker | false | time picker active or not |
timeChangeSensitivity | 5 | time picker sensitivity on drag up/down |
fontStyle | null | font style for modal |
gSpliter | - | split date |
onOpen | event | trigger when open modal |
onClose | event | trigger when close modal |
onSelect | event | trigger on select end |
onChange | event | trigger on change selected |