Question

我的HTML我使用

<input runat="server" id="dateid" maxlength="50" size="10" type="date" name="dateid" />

我有一个jquery日期选择器，所以第一个问题是在某些浏览器上，例如google chrome，它提供了自己的日期选择器。我读过不使用输入类型日期，但这种方式简化了我的jquery代码，以便将日历应用于所有日期。所以我发现在浏览器支持自己的日历时，现代化似乎无法显示我的日历。

我正在使用modernizr版本2.6.2

<script type="text/javascript">
        $(function () {
            if (!Modernizr.inputtypes['date']) {
                $('input[type="date"]').datepicker();
            }
        });
    </script>

现在主要的问题是，当我点击日期时，我允许使用谷歌色度日历，它不会应用于我的输入控件。我单击它在输入控件中显示的日期，但是一旦我点击它就会返回到没有日期。

Answer 1

Chrome等现代浏览器会将日期input字段呈现为HTML5 Standart Date Calendar。将输入类型更改为文本并添加数据属性，以告知其日期选择器：

HTML

<input runat="server" 
 id="dateid" 
 maxlength="50" 
 size="10" 
 type="text" 
 name="dateid" 
 data-datepicker="true"/>

的JavaScript

<script type="text/javascript">
    $(function () {
      $('input[data-datepicker="true"]').datepicker();
    });
</script>

输入控制类型日期与datepicker

1 个答案: