DatePicker show speed very slow

datepicker android
android date range picker dialog
date picker fragment android
android picker dialog

I am using the jquery datepicker in my project. I am accessing the database using ajax to retrieve dates that need to be highlighted for every change of month. This is done using the onChangeMonthYear: function(year, month, inst) and the beforeShowDay: function(dateToShow) events. The dates are being highlighted appropriately but the problem I am having is that it really takes a long time to highlight the dates in the beforeshowday event. I would like to point out here that the access time on my local machine is really rapid and have eliminated the fact that the response time from the server is causing the delay in highlighting.

I have also tried to use duration: 'fast', but that has not helped either.

1.How can I increase the display time of the dates? or can I unable the calendar, such that till the dates are being displayed, the user can`t navigate through other month.

You should be able to disable/enable the datepicker by using its disable option:

    onChangeMonthYear: function(year, month, inst) {
        $(this).datepicker( "option", "disabled", true);

    beforeShowDay: function(date) {
        $(this).datepicker( "option", "disabled", false);

Solved: Date picker toooo slooooow, I noticed that date picker data card behaves very slowly. It literally takes the Is it a bug, or is there a way of somehow to speed up its behaviour? Cheers,. Pavel. DatePicker show speed very slow. 564. jQuery checkbox change and click event. 0. jquery datepicker beforeshowday marking me in red booked days but only of current

Im would like to questioning your approach on this but I might be wrong since we dont have all the facts. But from what we do got:

Approach 1. Load all the dates server side without any ajax since its better to load a little more data only once then less many times.

Approach 2. If 1 is not possible load all the dates with ajax and then activate the datepicker in the ajax callback.

Approach 3. If there is a huge amount of dates you could batch it and at least make sure that you have a couple of months ahead.

#4198 (Datepicker: setDate is very slow on IE6) – jQuery UI, bug (wontfix). Datepicker: setDate is very slow on IE6 Show comments. Show property changes The client can not bear the slow speed. So I have to find a  DatePicker show speed very slow. 1. datepicker beforeShowDay return 3 months. 1. Jquery datepicker change CSS beforeshowday. 1. jquery datepicker after setDate no

Bit difficult without code, but give the following a try:

In CSS file : #calendarContainer {display:none;}

//Will only show when document is ready.

OR if the date delay happens even though page is already loaded:

In CSS file : #calendarContainer {display:none;}


var sI = setInterval(function() {
    if ($('.dateHighlightContainer .dates').hasClass('highlight'))
}, 1000); 
//Check each second - Will stop and display calendar once it finds the class highlight

Check my full example for more detail:

datepicker setDate extremely slow, function, but that would be nearly 300ms of date validation? Is there any trick to speed up the set-up of a datepicker (create and set start date)? Control the speed at which the datepicker appears, it may be a time in milliseconds or a string representing one of the three predefined speeds ("slow", "normal", "fast"). Code examples: Initialize the datepicker with the duration option specified:

Your delay problem must be related with your ajax method. Here is the working example. I havent notice any delay problem with predefined dates.

// Highlighted Days
var dayList = [1, 3, 5, 7, 9, 11 , 13 , 15 , 17 , 19 , 21 , 23 , 25 , 27 ];
var monthList = ["Jan", "Feb" , "Mar" , "Apr" , "May" , "Jun" , "Jul" , "Aug" , "Sep" , "Oct" , "Nov","Dec"  ];

function createDays(dayList, month, year) {

    var dateArray = new Array();
    $.each(dayList, function(i, value) {
        dateArray.push(new Date(month.concat(' ', value, ', ', year)));
    return dateArray;

$(document).ready(function() {

    $dateArray = createDays(dayList, "Jul", "2011");

        beforeShowDay: function(_date) {

            $highLightDay = false;            
            $.each($dateArray , function(i, date) {
                if (date.valueOf() == _date.valueOf()) {                   
                  $highLightDay = true;

                return [true, "ui-state-active" ,"Event-".concat(_date)];

            return [true, "", ""];
        onChangeMonthYear: function(year, month, inst) {
           $dateArray = createDays(dayList, monthList[month-1], year);     




Beginning JavaScript and CSS Development with jQuery, to display after each date field, for example, to show the required format. The default is “”. String duration Controls the speed at which the Datepicker appears. If you've been using Google Chrome for a while, you may feel that the browser has lost its initial pep and is now is feeling slow and kludgy. Here's how to get that speed back, and it will take

If your calendar/classes/tc_calendar.php line 9 shows...


The delay is a timeout, so you need to change line 18 to...

public $check_new_version = false;

And datepicker goes back to normal.

Jquery Ui 1.6: The User Interface Library for Jquery, Now the first row of the date picker shows the corresponding week number in each The speed at which the widget opens and closes is visibly quicker thanks to the This property requires a simple string and can take values of either slow,​  Think of your rated internet speed the same way you think of a speed limit sign. Even though the freeway sign says you can go 75 mph, you’ve got no shot of going that fast during rush hour

Don't Initialize All the Things in jQuery.ready(), Users don't have a high tolerance when it comes to page speed. If your website utilizes JavaScript and jQuery, which many web sites do, it is very tempting to pre​-initialize all of your logic (plugins, The following examples will show two ways of initializing a date picker. view raw fiddle-slow.js hosted with ❤ by GitHub. Head on over to the demo and click the “Trigger dialog slow” button. Yikes! On my < 2 year old 2.6GHz i5 running the latest version of FireFox it takes about 3.5 seconds to open the dialog containing a modestly widthed table containing 1700 rows.

jQuery UI Datepicker, The jQuery UI Datepicker is a highly configurable plugin that adds datepicker The text to display after each date field, e.g. to show the required format. a string representing one of the three predefined speeds ("slow", "normal", "fast"),  EXTREMELY SLOW Internet Download Speed in Windows 10 - Program Prevents Shutting Down I have been fighting this problem for several months after the Fall Creators Update without success: When I start my PC fresh, I get fast internet download speed of 60 Mbps, which is the speed of my Cox Internet plan.

jQuery UI Datepicker, Date picker appears on focus; Text is in English; Date format is mm/dd/yyyy; Clear/Close controls show at the top; Month and year are selectable directly  Disabling your Antivirus to get better speed and performance, is not a good idea. Your computer infected with Malware is 10x slower than the performance tax that you pay from scanning for viruses. Malware might be the No.1 reason for your slow Internet speed. Don’t disable your Antivirus, tweak it for performance and speed.

  • Put some timings on your code, find out where the bottleneck is, then post your code along with your question.
  • Is there a way to disable the datepicker or atleast the month selector till beforeshowday hasn`t completed?
  • Hi user281180 .. did you check my answer? I am sure it should work.
  • "Luffy, thanks a lot. Indeed the problem lies in the ajaz request, it`s taking more time on the server side. Thanks to all those who have tried to help me. All the examples and explanations were indeed very helpful.