如何爲日期輸入字段設置自定義圖標

我試圖爲此日期輸入字段設置自定義圖標，如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

如何爲日期輸入字段設置自定義圖標

回答

相關問題