Występuje problem podczas wymuszania wprowadzania danych na podstawie daty. Czy ktoś inny miał ten problem lub wiedział, jak go obejść?Szerokość wprowadzania danych w formacie HTML5
<input style="width:50px;" type="date" value="">
To jest dość proste, szerokość zmienia się tylko textarea, rzeczywista kontrola nie zmienia, to jest ustalona na około 125 px szerokości lub tak.
Próbowałem również width = "" i max-szerokość w css, ani pracy.
Ponieważ większość przeglądarek nie działa jeszcze z html5. Po prostu użyłbym selektora daty z jquery.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$("#datepicker").datepicker();
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker" /></p>
</body>
</html>
Użyłem go dużo i działa to uczta. Bardziej sensowne jest prezentowanie kalendarza po kliknięciu, a także imo.
Oto link, a także: http://jqueryui.com/datepicker/
To jest tylko aplikacja Chrome, więc nie martwię się, że IE nigdy nie będzie zgodny. Jeśli nie ma innego rozwiązania problemu, powrócę do tego rozwiązania. +1 dla alternatywy. –
Dzięki Austin, cieszę się, że mogłem pomóc i wziąć udział w tej dyskusji. =] – Supplement
To nie jest odpowiedź na pytanie. – Miles
Element <input type=date> ma być realizowany w sposób zależny od przeglądarki, który jest odpowiedni dla środowiska, w którym przeglądarka jest uruchomiona. Tak więc ma być pod kontrolą przeglądarki, a nie autora. Jest to jeden z powodów, dla których wiele osób jest sceptycznie nastawionych do tego pomysłu.
Ustawienie szerokości kontrolki to naprawdę ujęcie w ciemności. W moim Chrome (25beta na Win 7) twój kod CSS "działa" w sensie obcięcia widżetu do podanej szerokości. Nadal działa, ale wygląda bardzo dziwnie: w widgecie widoczna jest litera "v" i część innej litery. Są one w rzeczywistości notacją "vvvv-kk-pp" (zlokalizowana notacja dla "yyyy-mm-dd"), którą widzę w widżecie przy braku jakiegokolwiek ustawienia szerokości.
Wniosek jest następujący: za pomocą <input type=date> akceptujesz przeglądarki zależne od przeglądarki, które mogą być używane, oraz próbę sterowania np. w swoim rozmiarze może bardzo dobrze zepsuć,
wszystkie elementy powinny uwzględniać specyfikację CSS dla nich, gdyby nie ". i to nie tak, że zależy mi na wyglądzie elementu interfejsu użytkownika podczas jego edycji, ale statycznie wyświetlanej wartości, gdy nie jest edytowana. – Michael
Z chromem 45, właśnie ustawiłem rozmiar czcionki. Zmienił on proporcjonalnie tekst i uchwyty sterujące. Nie jestem pewny, czy to efekt, którego szukałeś (?).
<input style="font-size: 3rem" type="date" id="Date">
@AustinBest Następnie wybór odpowiedzi jako "rozwiązanie" będzie odpowiednią czynnością do podjęcia. – kaiser
Daleko od trollingu. Odpowiadanie na własne pytanie z _wontfix_ również byłoby poprawną odpowiedzią. – kaiser
Ponieważ znajdowałem się na początku mojej wyszukiwarki Google, a teraz jest rok 2017, udało mi się wycisnąć Chrome do szerokości: 10em ;, ale to jest tak małe, jak tylko mogłem je zdobyć (i to nie jest dużo mniejsze niż domyślny). Ta odpowiedź jest lepsza niż innych. –
<input type="date" name="tanggal" style="width:231px">
Nadzieja to działa! Nie zmienia niczego oprócz szerokości.
Chcesz, żeby mm/dd/yyyy również się rozszerzyły lub kontrola wydaje się dla mnie rozwijać. Może jednak rozumiem źle. http://jsfiddle.net/supplement/xu9Xm/ – Supplement
Zauważ mój przykład używa 50px, a nie 250? Chcę przejść mniejszy niż domyślny, nie większy. Dzięki. –
Rozumiem, co mówisz teraz ... to dobre pytanie. Zobaczę, czy mogę coś dla ciebie wykopać, przyjacielu. – Supplement