ExtJS 和 jQuery 是業(yè)界比較流行的兩個 JavaScript 庫,都提供了豐富的 UI 組件,包括日期控件。
對于日期控件,ExtJS 提供了 Ext.picker.Date 類,可以輕松實(shí)現(xiàn)一個日期選擇器:
Ext.create('Ext.panel.Panel', { title: 'Choose a date', renderTo: Ext.getBody(), items: { xtype: 'datepicker', handler: function(picker, date) { alert('You selected ' + Ext.Date.format(date, 'Y-m-d')); } } });
而 jQuery 也提供了很多日期控件的插件,其中比較知名的有 jQuery UI 的 datepicker 和 bootstrap-datepicker。
以 jQuery UI 的 datepicker 為例,使用起來也非常簡單:
$(function() { $('#datepicker').datepicker({ onSelect: function(date) { alert('You selected ' + date); } }); });
需要注意的是,jQuery 中使用 onSelect 事件來處理日期選擇,而不是 ExtJS 中的 handler。
無論是 ExtJS 還是 jQuery,都提供了靈活易用的日期控件,可以根據(jù)具體需要進(jìn)行選擇和調(diào)整。
上一篇怎么用css輪播兩只圖
下一篇mysql中取表的值