21

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

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

很简单，宽度只改变textarea，实际控件没有改变，固定在125px左右宽度。

我也在css中尝试了width =“”和max-width，但都不起作用。

4

4 回答 4

7

使用 chrome 45，我只需设置字体大小。它按比例更改了文本和控制手柄。不确定那是您正在寻找的效果（？）。

<input style="font-size: 3rem"  type="date" id="Date">
于 2015-10-01T17:31:46.900 回答
5

一个<input type=date>元素应该以适合浏览器运行环境的浏览器相关方式实现。所以它应该在浏览器的控制之下，而不是作者的。这也是许多人对这个想法持怀疑态度的原因之一。

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

结论是：通过使用<input type=date>，您接受浏览器可能使用的任何依赖于浏览器的小部件，并且尝试控制例如其大小可能会搞砸事情，

于 2013-02-13T18:07:38.483 回答
4 
<input type="date" name="tanggal" style="width:231px">

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

于 2017-07-08T13:19:49.790 回答
1

由于大多数浏览器还没有跟上 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/

于 2013-02-13T17:48:36.347 回答