Feel free to contribute! Fork, modify, and send me a pull request, I'll try my best to merge it as soon, as possible.
Foundation datepicker jQuery plugin, based on bootstrap-datepicker project found at https://github.com/eternicode/bootstrap-datepicker.
For more information, please see included example, or visit http://foundation-datepicker.peterbeno.com
Foundation 5 is fully supported. For Foundation 4 version, check out last compatible version: https://github.com/najlepsiwebdesigner/foundation-datepicker/releases/tag/1.2.0
How to include this in your project:
bower install foundation-datepicker
npm install foundation-datepicker
after running continue with step 3 from manual instalation. Files you should use are mentioned in step 2.
-
download & unzip source from GitHub repository: http://foundation-datepicker.peterbeno.com/example.html
-
copy the files
/js/foundation-datepicker.js
and/stylesheets/foundation-datepicker.css
somewhere into your project. Minified versions are also available. -
<link> and <script> them into your page
-
to see the arrows and icons, please include font-awesome or foundation icons:
http://zurb.com/playground/foundation-icons
<link href="//cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
http://fortawesome.github.io/Font-Awesome/
<link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
You can pass argument to constructor to choose language used:
$('.fdatepicker').fdatepicker({
language: 'de'
});
Available languages are:
- Czech (cs)
- Dutch (nl)
- English (en) - default
- French (fr)
- German (de)
- Greek (el)
- Hungarian (hu)
- Italian (it)
- Norwegian (no)
- Polish (pl)
- Portugese (pt)
- Portugese Brasil (pt_br)
- Romanian (ro)
- Russian (ru)
- Slovak (sk)
- Spanish (es)
- Turkish (tr)
- Ukrainian (uk)
- Chinese Simplified (zh-CN)
- Chinese Traditional (zh-TW)
Datepicker uses three icons. It works with foundation font and font awesome out-of-the box. If you dont want to use iconic font, you can customize buttons via classes:
fa-chevron-right fi-arrow-right
- right arrowfa-remove fa-times fi-x
- close signfa fa-chevron-left fi-arrow-left
- left arrow
Version without Font Awesome (behind master) can be found in separate branch: https://github.com/najlepsiwebdesigner/foundation-datepicker/tree/no-font-awesome
Grunt is used.
grunt build
compiles scss & minifies js and css.
Before running, you must install local grunt and npm deps via:
npm install
For integration with Angular, please see najlepsiwebdesigner#55 (comment)
Foundation datepicker is jQuery plugin, so you have to use also jQuery.
By forking this project you hereby grant permission for any commits to your fork to be merged back into this repository and, with attribution, be released under the terms of the Apache License.
Before you submit a new issue, please check closed (maybe also open) issues here, maybe your problem was solved already. Thanks!