[英]JQuery input[type=date] selector
我有一個類型設置為“日期”(html5)的輸入:
<input id="Employee_hireDate" class="pickDate" type="date" name="Employee[hireDate]" value="Hire Date" />
當我查看原始源時,類型設置為日期。 但是,在Chrome開發者工具中,它不會顯示。 當我跑:
alert($('#Employee_hireDate').attr('type'));
它將輸入類型顯示為undefined。 我正在使用Google Chrome v15。
有誰知道為什么JQuery找不到選擇器?
洛根
你真的不應該這樣做。 HTML5日期有一些非常具體的UI和一個非常具體的API。 例如,以下代碼http://jsfiddle.net/trixta/EAZPN/在Opera中不起作用,如果瀏覽器完全實現了type =“date”,它將無法在Chrome或任何其他瀏覽器中運行。
如果你想讓它以某種方式可行,你必須刪除日期並將其替換為類型文本。 此外,您必須確保始終使用/生成日期值,格式為YYYY-MM-DD。
還有很多其他的東西可以讓它變得非常好。 我使用了webshims lib做了一個小例子,你可以在這里找到: http : //jsfiddle.net/trixta/VNuct/ 。
Webshims lib將隱藏您的原始type =“date”輸入並創建一個無名的新模板,以模仿datepicker的可視化實現。 它還將輸入值從一個輸入傳輸到另一個輸入,並將此值轉換為正確的格式。 它還為您提供完整的HTML5日期API:
例如:
$('#Employee_hireDate').prop('valueAsNumber', 1315267200000);
$('#Employee_hireDate').prop('valueADate');
如果從RC的注釋中查看JSFiddle,並切換jQuery的版本,你會發現只能使用jQuery 1.6.2或更高版本獲得正確的答案(“日期”)。 確保您使用的是最新版本的jQuery!
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.