jQuery Datepicker是一款強大的日期選擇器,可以幫助我們方便地選擇日期。它可以輕松地與jQuery UI集成,并且可以自定義樣式來適應您的網站主題。
//引入jQuery和jQuery-UI庫//引入jQuery Datepicker插件和樣式//使用jQuery Datepicker插件 $(function() { $("#datepicker").datepicker(); }); //自定義樣式 $(function() { $("#datepicker").datepicker({ showAnim: "slideDown", dateFormat: "yy-mm-dd", beforeShow: function() { setTimeout(function(){ $('.ui-datepicker').css('z-index', 99999999999999); }, 0); } }); });
在上面的代碼中,我們首先引入了jQuery、jQuery UI和jQuery Datepicker插件,并設置了自定義樣式。然后,我們使用$("#datepicker").datepicker()來初始化日期選擇器。最后,我們使用$("#datepicker").datepicker({...})來自定義樣式和屬性。
通過使用jQuery Datepicker,我們可以輕松地在網站上添加一個漂亮的日期選擇器,提高我們的用戶體驗和交互性。