Κυριακή, 14 Απριλίου, 2024
More
    ΑρχικήjQueryΠως διορθώνουμε το input με type date σε Mozilla

    Πως διορθώνουμε το input με type date σε Mozilla

    Το πεδίο (input) με τύπο date της HTML5 δουλεύει μια χαρά σε chrome. Σε mozilla όμως έχουμε πρόβλημα καθόσον η επιλογή ημερομηνίας δεν εμφανίζεται. Το λύνουμε προσθέτοντας τα απαραίτητα jquery libs και ένα μικρό function. Προσθέτοντας το datepicker λοιπόν καταφέρνουμε να εμφανίσουμε την επιλογή ημερομηνίας. Τώρα όμως το chrome βγάζει 2 datepickers. Για να το λύσουμε απλά προσθέτουμε το function isChrome() όπου βρίσκουμε τον browser του χρήστη και ακυρώνουμε στην ουσία το πρώτο σενάριο.

    function isChrome() {
      var isChromium = window.chrome,
        winNav = window.navigator,
        vendorName = winNav.vendor,
        isOpera = winNav.userAgent.indexOf("OPR") > -1,
        isIEedge = winNav.userAgent.indexOf("Edge") > -1,
        isIOSChrome = winNav.userAgent.match("CriOS");
    
      if (isIOSChrome) {
        return true;
      } else if (
        isChromium !== null &&
        typeof isChromium !== "undefined" &&
        vendorName === "Google Inc." &&
        isOpera === false &&
        isIEedge === false
      ) {
        return true;
      } else { 
        return false;
      }
    }
    </script>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <script>
    if (isChrome()) {}
    else {
        $(function(){
             $('input[type="date"]').datepicker();
        });
    	}
    </script>
    Θεόδωρος Τασσόπουλος
    Θεόδωρος Τασσόπουλοςhttps://www.digispot.gr
    Τεχνολόγος Ηλεκτρονικός Μηχανικός MSc in Networking & Data Communications. MSc in Banking, Accounting and Finance. Ασχολούμαι με τον προγραμματισμό από τις αρχές του 2000. Τα τελευταία πέντε έτη ασχολούμαι με την Διοικητική Πληροφόρηση και το Business Intelligence γενικότερα. Ξεκινάω συνεχώς νέα project χωρίς να υπάρχει απαραίτητα η προοπτική του κέρδους. Λάτρης των θετικών επιστημών και θαυμαστής αυτών που τις αντιλαμβάνονται.
    RELATED ARTICLES