Datepicker日期選擇外掛程式是一個配置靈活的外掛程式，可以自訂其展示方式，包括日期格式、語言、限制選擇日期範圍、添加相關按鈕以及其它導航等。
1、jQuery Datepicker
範例程式碼：
<!doctype html><html lang="en"><head> <meta charset="utf-8" /> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <script>$(function() {$( "#datepicker" ).datepicker();}); </script></head><body><p>Date: <input type="text" id="datepicker" /></p></body></html>
運行結果：
2、my97 Datepicker
範例程式碼：
<html><head><link type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet" /><script type="text/javascript" src="WdatePicker.js"></script></head><body><input id="d424" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"/></body></html>
運行結果：
源碼下載
jQuery Datepicker
my97 Datepicker（推薦）
jquery datepicker 時分秒
JQuery UI datepicker 使用方法
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
