JQuery UI डेटपिकर में Google क्रोम समस्या

Question

मैंने Jquery UI का उपयोग करके कस्टम दिनांक सीमा पिकर बनाया है।

यह अन्य ब्राउज़र में पूरी तरह से काम करता है लेकिन Google में यह ठीक से काम नहीं करता है।

स्नैप के नीचे देखें।

लाल दौर खाली होना चाहिए, लेकिन यह कुछ पाठ हो जाता है, शायद लूप के कारण, लेकिन मैं इसे समझ नहीं सकता।

मेरे js कोड।

$(function() { 

     from = $("#from").datepicker({ 
      defaultDate: "+1w", 
      numberOfMonths: 2, 
      minDate: +7, //THIS IS FIRST PLACE 
      autoclose: false, 
      beforeShow: function (input, inst) { 
       $("#ui-datepicker-div td").off(); 

       $(document).on("mouseenter", "#ui-datepicker-div td", function (e) { 
        $(this).parent().addClass("finalRow"); 
        $(".finalRow").parents('.ui-datepicker-group-last').parent().find('.ui-datepicker-group-first').find('tr').last().addClass("finalRowRangeOtherTable"); 
        $(".finalRow").prevAll().find("td:not(.ui-datepicker-unselectable)").removeClass("highlight"); 
        $(this).prevAll("td:not(.ui-datepicker-unselectable)").removeClass("highlight"); 
       }); 
      }, 
      beforeShowDay: function (date) { 
       var d = date.getTime(); 
       if ($("#to").datepicker("getDate") && d == $("#to").datepicker("getDate").getTime()) { 
        return [true, 'ui-red', '']; 
       } 

       if ($("#from").datepicker("getDate") && $("#to").datepicker("getDate") && d < $("#to").datepicker("getDate").getTime() && d > $("#from").datepicker("getDate").getTime()) { 
        return [true, 'ui-state-highlight', '']; 
       } else { 
        return [true, '']; 
       } 
      }, 
      onClose: function (selectedDate) { 
       var selectedDate = $("#from").datepicker("getDate"); 
       if (selectedDate != null) { 
        $('#to').datepicker('option', 'minDate', selectedDate).datepicker('refresh'); //THIS IS SECOND PLACE 
       } 
       $("#from").datepicker("option", "dateFormat", "d MM, yy"); 
       $("#to").datepicker("show"); 
      } 
     }) 

     to = $("#to").datepicker({ 
      defaultDate: "+1w", 
      numberOfMonths: 2, 
      autoclose: false, 
      beforeShow: function (input, inst) { 
       $("#ui-datepicker-div td").off(); 

       $(document).on("mouseenter", "#ui-datepicker-div td", function (e) { 

        $(this).parent().addClass("finalRow"); 
        $(".finalRow").parents('.ui-datepicker-group-last').parent().find('.ui-datepicker-group-first').find('tr').last().addClass("finalRowRangeOtherTable"); 
        $(".finalRowRangeOtherTable").find("td:not(.ui-datepicker-unselectable)").addClass("highlight"); 
        $(".finalRowRangeOtherTable").prevAll().find("td:not(.ui-datepicker-unselectable)").addClass("highlight"); 

        $(".finalRow").prevAll().find("td:not(.ui-datepicker-unselectable)").addClass("highlight"); 
        $(this).prevAll("td:not(.ui-datepicker-unselectable)").addClass("highlight"); 
       }); 

       $(document).on("mouseleave", "#ui-datepicker-div td", function (e) { 

        $(this).parent().removeClass("finalRow"); 
        $("#ui-datepicker-div td").removeClass("highlight"); 

        $(".finalRowRange").removeClass("finalRowRange").find('.highlight').removeClass("highlight"); 
        $(".finalRowRangeOtherTable").removeClass("finalRowRangeOtherTable").find('.highlight').removeClass("highlight"); 

       }); 
      }, 
      beforeShowDay: function (date) { 
       var d = date.getTime(); 
       if ($("#from").datepicker("getDate") && d == $("#from").datepicker("getDate").getTime()) { 
        return [true, 'ui-red', '']; 
       } 
       if ($("#from").datepicker("getDate") && $("#to").datepicker("getDate") && d < $("#to").datepicker("getDate").getTime() && d > $("#from").datepicker("getDate").getTime()) { 
        return [true, 'ui-state-highlight', '']; 
       } else { 
        return [true, '']; 
       } 
      } 
     }) 
     .on("change", function() { 
      from.datepicker("option", "maxDate", getDate(this)); 
      $("#to").datepicker("option", "dateFormat", "d MM, yy"); 
     }); 
    }); 

मैं इसे सीएसएस के साथ मुद्दा है क्योंकि यह IE में भी अन्य ब्राउज़र पर पूरी तरह से काम करता है नहीं लगता।

मैंने यह भी पाया है कि यह तब होता है जब और जब मैं datepicker में से किसी को minDate असाइन करते हैं, अगर मैं datepicker ठीक काम करता है कि लाइनों को हटाने, जे एस कोड में मेरी टिप्पणी देखने के लिए, लेकिन जैसा कि मैंने कस्टम श्रेणी datepicker उपयोग कर रहा हूँ, मुझे उन लाइनों की आवश्यकता होगी, क्या मैं किसी अन्य विकल्प का उपयोग कर सकता हूं?

यहां बेवकूफ है। LINK

1. Google Chrome में ओपन बेला
2. आरंभ तिथि के रूप में चुनें 10 अक्टू
3. समाप्ति तिथि के रूप में चुनें 23 अक्टू
4. अब, ओपन datepicker एक के बाद एक के दोनों है, और पर होवर दिनांकों और जैसा कि मैंने स्नैप (ऊपर) में जोड़ा है, आपको अतिरिक्त तिथि दिखाई देगी ..
5. मैं लाइव लिंक के सीएसएस को ओवरराइट नहीं कर सका, इसलिए डिज़ाइन थोड़ा सा दिखता है ..

Answer 1

मुझे आपकी अपनी समस्या थी।

क्रोम यूनिकोड वर्ण & # xa0 को सही ढंग से हल करने के लिए प्रतीत नहीं होता है।

तो अपने jquery-ui * .js में & # xa0 खोजें और "" के साथ प्रतिस्थापित करें।

मैंने केवल चरित्र के निर्दिष्ट मौके को प्रतिस्थापित किया (उस फ़ाइल में "ui-datepicker-other-month" खोजें) और यह काम करता है।

Answer 2

Zyren द्वारा बताया गया है कि यह एक बग क्रोम 61 में शुरू की गई यह क्रोम में तय किया गया है 62.