日期选择datepicker

最新推荐文章于 2024-07-22 08:48:13 发布

原创最新推荐文章于 2024-07-22 08:48:13 发布 · 537 阅读

0 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

4 篇文章

订阅专栏

本文将指导您如何将jQuery与jQuery UI DatePicker库整合使用，实现网页日期选择功能。通过步骤一引入jQuery库，步骤二引入jQuery UI DatePicker CSS和JS文件，步骤三展示基本的日期选择器初始化代码。

步驟一：加上 jQuery 套件到 head 跟 /head 之間

<script type="text/javascript" src="jquery.js"></script>

<script src="http://code.jquery.com/jquery-latest.js"></script>
步驟二：加上 ui.datepicker.css 跟 ui.datepicker.js jQuery UI Date Picker CSS and the jQuery UI Date Picker Javascript

<style type="text/css">@import url(ui.datepicker.css);</style>
<script type="text/javascript" src="ui.datepicker.js"></script>
步驟三：基本方法：

最基本的語法 (mm/dd/yyyy).

jQuery(function($){
$('#example1').datepicker();
});

Reference:
http://marcgrabanski.com/code/ui-datepicker/core/ui.datepicker.css
http://marcgrabanski.com/code/ui-datepicker/core/ui.datepicker.js
http://docs.jquery.com/UI/Datepicker