Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

DatePicker for Foundation 4?

Is there a decent date picker (like jQuery UI) that works in Foundation 4? I tried http://foundation-datepicker.peterbeno.com/example/example.html but that doesn't work. And since Foundation 4 wants to use Zepto.js over jQuery, jQuery UI won't load for me.

like image 878
Christopher Raymond Avatar asked Jun 19 '13 18:06

Christopher Raymond


People also ask

How do I use DatePicker?

The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close.

How do I change DatePicker format?

Do one of the following: For a text box control or a date picker control, ensure that the Data type list displays the appropriate data type, and then click Format. For an expression box control, ensure that the Format as list displays the appropriate data type, and then click Format.

What is a DatePicker JS?

The JavaScript DatePicker (Calendar Picker) is a lightweight and mobile-friendly control that allows end users to enter or select a date value. It has month, year, and decade view options to quickly navigate to the desired date.

What is DatePicker PHP?

jQuery UI is a set of user interface widgets, effects, interactions, and themes built on top of the jQuery Library. DatePicker is one of the UI widgets of the jQuery UI library. It is used for selecting a date value.


2 Answers

You can use my port of bootstrap datepicker: http://foundation-datepicker.peterbeno.com/ https://github.com/najlepsiwebdesigner/foundation-datepicker

We've got full support for foundation 5, (f4 release available), multiple languages available.

Hope it helps! :)

like image 127
najlepsiwebdesigner Avatar answered Sep 30 '22 15:09

najlepsiwebdesigner


you can just force foundation 4 to only load jquery by default only by changing:

  <script>
  document.write('<script src=' +
  ('__proto__' in {} ? 'javascripts/vendor/zepto' : 'javascripts/vendor/jquery') +
  '.js><\/script>')
  </script>  

to

<script src="javascripts/vendor/jquery.js"></script>

or your favorite cdn then go crazy with jquery ui, after you include that as well of course.

like image 42
JAMESSTONEco Avatar answered Sep 30 '22 13:09

JAMESSTONEco