Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Problems with jQuery UI Datepicker

Tags:

Ok, I've rolled my own theme, I've made a custom jQuery UI pack (progress bar, date picker, slider) and installed it all. Seems to (mostly) work except for two things:

  1. When my page first loads the datepicker div is visible; and
  2. The text "Next" and "Prev" are visible in large font underneath my icons. None of the examples seem to have this problem.

Now (1) I'm currently solving by:

#ui-datepicker-div { display: none; }

in another CSS file but again none of the demos seem to need this.

What am I missing?

like image 404
cletus Avatar asked Jan 29 '09 06:01

cletus


People also ask

Why my jQuery DatePicker not working?

try adjusting the order in which your script runs. Place the script tag below the element it is trying to affect. Or leave it up at the top and wrap it in a $(document).

Why my bootstrap DatePicker is not working?

Because you're defining the code in the head the body and its contents haven't been loaded yet; so the selector finds no elements to initialize datepicker. If you don't want to use document. ready functionality you could also move the script to the end of the body tag.

What is jQuery DatePicker?

A date-picker of jQuery UI is used to provide a calendar to the user to select the date from a Calendar. This date picker usually connected to a text-box so user selection of date from the calendar can be transferred to the textbox.

Does bootstrap 4 have a DatePicker?

Bootstrap date picker is a plugin that adds the function of selecting time without the necessity of using custom JavaScript code. This documentation may contain syntax introduced in the MDB 4.17. 0 and can be incompatible with previous versions. For old Date Picker documentation please follow the link.


2 Answers

I fixed it using #ui-datepicker-div { display: none; }

like image 136
Taytus Avatar answered Oct 13 '22 04:10

Taytus


Ok many thanks, It's Work bro, here what I've did to resolve : write this style to file jquery-ui-1.7.1.custom.css (or anye css file that you loaded) :

#ui-datepicker-div { display: none; }

then refresh your page

like image 27
ndang Avatar answered Oct 13 '22 06:10

ndang