Skip to main content

All Questions

0 votes
1 answer
857 views

jquery datepicker calendar position is showing off screen

I am using datepicker as below. I have noticed that calendar is opened off screen. when I unzoom the page, I can see it's open at very very bottom of the screen. I have tried z-index but it's not ...
priyank patadiya's user avatar
0 votes
1 answer
297 views

How do I change the datepicker year dropdown list to be smaller in height? It's really long and extends towards the start/end of the viewport

The height is quite long for a dropdown list of the years. I've tried using CSS but to no avail, I think it requires more than that. I've been searching online and can't seem to find the right answer, ...
Kanister21's user avatar
1 vote
1 answer
265 views

Change the position of jquery datepicker to the top

I want to change the position of my datepicker a little to the top. This is my datepicker This is my code inside the jquery css file: .ui-datepicker { width: 20em; padding: .2em .2em 0; ...
user avatar
0 votes
0 answers
629 views

how to put the calendar icon of a datepicker inside a div or table

I would like to put the "calendar.png" icon of a datepicker inside a div, or even a table. The objective is to be able to position it wherever I want. With this I have managed to place it ...
dostoyevski's user avatar
0 votes
1 answer
61 views

jQuery datepicker style days width and add multiple elements

I would like to: style the CSS width on specific days (e.g. like a power bar inside) add multiple elements inside those specific days This is how I tried to style them for demonstration (hardcoding) ...
neoDev's user avatar
  • 3,049
0 votes
0 answers
506 views

jQuery UI Datepicker: Using DarkTheme not displaying month/year dropdown properly

I'm using jQuery UI Datepicker for my dob input. And it works flawlessly. Then I realize there were other themes. So I downloaded this Sleek Dark Theme from its site. I replaced all - <link rel="...
Ye' Thura Ag's user avatar
2 votes
1 answer
1k views

How to style first and last element in the selected date range in JQuery datepicker?

I can't solve one thing, how can I style the first and the last element of the selected date range in JQuery UI Datepicker? I have the code: $(document).ready(function() { // jquery ...
Mikhail Kolpakov's user avatar
1 vote
1 answer
92 views

How to set z-index in my scenario using css?

<html> <head> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></...
Liam neesan's user avatar
  • 2,581
0 votes
2 answers
914 views

How to style the color of the numbers in a jquery-ui datepicker?

I googled the title and it did not help. I have the following css: .ui-datepicker-calendar{ position: absolute; top:100%; left: 0%; font-size:18px; color: #ff0; /*This does not work*/ fill: #...
Derreck's user avatar
  • 158
0 votes
2 answers
146 views

Datepicker inconsistency

Hi guys i have some issues on the consistency of datepicker from jQuery. I've attached an image. browser inconsistency IE / Chrome So the problem is that the arrows '<' and '>' that are shown in ...
Remus 's user avatar
  • 179
0 votes
1 answer
1k views

JQuery Datepicker previous and next icons not showing up in JQuery Tabs element?

For some reason, the previous and next icons in jQuery Datepicker aren't showing up when I insert a datepicker within a jQuery Tabs element. CSS is also impacted. Here's a screenshot: JQuery Calendar ...
faalbane's user avatar
0 votes
1 answer
2k views

JQuery UI Datepicker Change Style for a Day

I'm writing a simple script. I read from a database non-working days, and I'd like to change the background/font color for these days. When I click a day, I toggle it background/font color. With non-...
Jesus Gonzalez's user avatar
0 votes
1 answer
1k views

Jquery datepicker only year and month how to set CSS to hide calendar when there are severals datepickers?

I try to set a Jquery DatePicker, with only month and year. And I need to disable the calendar display because the user will not use it. To perform this datepicker I take a look to this post which ...
Julien698's user avatar
  • 716
0 votes
1 answer
107 views

How to move JQuery DatePickers ahead of other form elements

I am new to CSS and JQuery. I have a C# MVC application that has several forms and I want to use the JQuery datepicker control. What I am seeing is that the datepicker is there, but it is hard to see ...
RobertoGuzman's user avatar
0 votes
0 answers
717 views

jQuery datepicker z-index not working

I am displaying two frames in a framset control. First frame has datepicker control. When i click the Calendar control the jQuery Datepicker is displaying with in the Frame1 itself. But i need to ...
Cegone's user avatar
  • 489

15 30 50 per page