Question

所以我在尝试强制输入日期时遇到问题。有没有其他人有这个问题或知道如何解决它？

<input style="width:50px;" type="date" value="">

这很简单，宽度只会改变textarea，实际控件不会改变，大约固定在125 px左右。

我也尝试过width =＆＃34;＆＃34; css中的最大宽度和最大宽度都不起作用。

Answer 1

使用chrome 45，我只设置了字体大小。它按比例更改了文本和控件句柄。不确定那是你想要的效果（？）。

<input style="font-size: 3rem"  type="date" id="Date">

Answer 2

由于大多数浏览器还没有达到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>

我已经充分利用了它并且它起作用了。更有意义的是在点击时呈现日历以及imo。

此处还有链接：http://jqueryui.com/datepicker/

Answer 3

<input type=date>元素应该以依赖于浏览器的方式实现，适用于运行浏览器的环境。因此它应该在浏览器的控制之下，而不是作者的控制之下。这就是为什么许多人对这个想法持怀疑态度的一个原因。

设置控件的宽度实际上是在黑暗中拍摄的。在我的Chrome上（Win 7上的25beta），你的CSS代码“工作”意味着将窗口小部件截断到给定的宽度。它仍然有效，但看起来很奇怪：在小部件中，字母“v”和其他一些字母的一部分是可见的。它们实际上是“vvvv-kk-pp”（“yyyy-mm-dd”的本地化表示法）的符号，我可以在没有任何宽度设置的情况下在小部件中看到。

结论是：通过使用<input type=date>，您接受浏览器可能使用的任何依赖于浏览器的小部件，并试图控制例如在它的大小可能很好地搞砸了，

Answer 4

<input type="date" name="tanggal" style="width:231px">

希望这有效！除宽度外，它不会改变任何东西。

HTML5日期输入宽度

4 个答案: