Question

我正在尝试为日期输入字段设置自定义图标，如此img。虽然我在按钮上创建了自定义图标，但我无法为日期字段创建一个。

<div id="send-date" class="transaction-details" data-role="fieldcontain" data-theme="gr">
   <label for="date">Send on</label>
   <input type="date" name="date" id="date" value="" placeholder="" data-icon="date" data-iconpos="right" />
</div><!-- /send-date -->

有没有办法做到这一点？

link to code link to custom-icon

Answer 1

我为您建立了一个示例：http://jsfiddle.net/Gajotres/WFz37/

您需要使用相同的div来包装输入，该div用于包装用于listview过滤的输入字段。之后应用此java脚本：

$('input[type="text"]').removeClass('ui-input-text ui-corner-all ui-shadow-inset').addClass('ui-input-text');
$('#custom-input-wrapper').removeClass('ui-icon-searchfield').addClass('ui-custom-icon');

只需要16x16图像，但我认为你可以使用更大的图像，在这种情况下使用css来创建所需的样式。

如何为日期输入字段设置自定义图标

1 个答案: