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

我试图为此日期输入字段设置自定义图标，如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

来源

2012-11-28 Priya

我必须建立一个例子给你：http://jsfiddle.net/Gajotres/WFz37/

你需要用输入与同一个div用于提起用于列表视图过滤包输入。在这之后将此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');

唯一的要求是16×16的图像，但我认为你可以使用更大的一个，在这种情况下，发挥了CSS创建所需的风格。

来源

2012-11-29 13:38:40 Gajotres

因为我正在使用的网站主要是针对iOS的，所以使用的背景图片似乎可行。在iOS设备上查看页面时，不显示箭头。 http://haripriyaa.zymichost.com/ot/purchase_01.html – Priya

如何更改日期字段上的占位符文本？如果看到img，占位符文本将显示Today（2012年11月29日）。但在我的页面上，它显示月/日/年。如何改变它？ – Priya

首先抱歉，我没有看到你要求日期选择器。我可以给你和建议使用mobipicker datepicker，如果你想我会给你一个例子如何使用它。如果你仍然想使用这个组件然后使用这一行：$（'input [type =“date”]'）。val（'Today（'+ $（'input [type =“date”]'）。val ）+'）'）;仅在当天显示。如果你想更好的时间格式使用：http：//momentjs.com/来格式化日期。 – Gajotres

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

回答

相关问题