https://github.com/amiryxe/rtl-timepicker
jQuery RTL Time Picker
https://github.com/amiryxe/rtl-timepicker
clockpicker javascript jquery material-design persian rtl timepicker
Last synced: about 2 months ago
JSON representation
jQuery RTL Time Picker
- Host: GitHub
- URL: https://github.com/amiryxe/rtl-timepicker
- Owner: amiryxe
- License: mit
- Created: 2019-03-27T14:38:34.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-09-28T07:26:58.000Z (over 3 years ago)
- Last Synced: 2025-04-15T05:43:56.044Z (about 2 months ago)
- Topics: clockpicker, javascript, jquery, material-design, persian, rtl, timepicker
- Language: CSS
- Homepage: https://amiryxe.github.io/rtl-timepicker/
- Size: 26.4 KB
- Stars: 5
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# RTL Time Picker
RTL Support and flexible to change language.
# How to use
1. Make sure your Project included jQuery library
2. Include `mdtimepicker.css` and `mdtimepicker.js` like this:
```html
```
3. Create a input for Time Picker
```html
```
4. Add this code to `Script` tag
```Javascript
$(document).ready(function(){
$('#timepicker').mdtimepicker(); //Initializes the time picker
});
```
```javascript
// Example of more configs:
$("#timepicker").mdtimepicker({
timeFormat: "hh:mm:ss.000", // format of the time value (data-time attribute)
format: "hh:mm tt", // format of the input value
readOnly: false, // determines if input is readonly
hourPadding: false,
theme: "green",
okLabel: "تائید",
cancelLabel: "انصراف",
});
```
Developed based on MDTimePicker