所以我有一个问题试图在日期输入上强制大小.有没有其他人有这个问题或知道如何解决它？
<input style="width:50px;" type="date" value="">
它非常简单,宽度只改变textarea,实际控制没有改变,它固定在约125像素宽度左右.
我也在css中尝试过width =""和max-width,但都不行.
元素<input type=date>应该以依赖于浏览器的方式实现，适合浏览器运行的环境。所以它应该是在浏览器\xe2\x80\x99s的控制下，而不是作者\xe2\x80\x99s的控制下。这就是许多人对这个想法持怀疑态度的原因之一。
设置控件的宽度实际上是在摸黑。在我的 Chrome（Win 7 上为 25beta）上，您的 CSS 代码 \xe2\x80\x9cworks\xe2\x80\x9d 意味着将小部件截断为给定宽度。它仍然有效，但看起来很奇怪：在小部件中，字母 \xe2\x80\x9cv\xe2\x80\x9d 和其他一些字母的一部分是可见的。它们实际上是符号 \xe2\x80\x9cvvvv-kk-pp\xe2\x80\x9d （\xe2\x80\x9cyyyy-mm-dd\xe2\x80\x9d 的本地化符号），我可以在小部件中看到在没有任何宽度设置的情况下。
\n\n结论是：通过使用<input type=date>，您接受浏览器可能使用的任何依赖于浏览器的小部件，并且尝试控制例如其大小很可能会把事情搞砸，
小智 5
对于chrome 45，我只需设置字体大小。它按比例更改了文本和控件句柄。不确定那是您想要的效果（？）。
<input style="font-size: 3rem" type="date" id="Date">
由于大多数浏览器尚未跟上 html5 的步伐。我只想将日期选择器与 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>
我已经用过很多次了，效果很好。在我看来，在点击时显示日历也更有意义。
这也是链接： http: //jqueryui.com/datepicker/
| 归档时间： |
|
| 查看次数： |
28897 次 |
| 最近记录： |