Contoh dalam artikel ini menerangkan cara menetapkan kesan pemilihan tarikh tetap dalam UI jQuery. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
jQuery melaksanakan tetapan UI kesan khas pemilihan tarikh tetap ialah pemalam tarikh ui jQuery, dengan tarikh tetap pilihan dan kod tarikh tersuai.
运行效果图: -------------------查看效果 下载源码----->-- --------
Petua: Jika penyemak imbas tidak berfungsi dengan betul, anda boleh cuba menukar mod penyemakan imbas.
Kod untuk menetapkan pemilihan tarikh tetap untuk UI jQuery yang dikongsi oleh semua orang adalah seperti berikut
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> <title>jQuery UI设置固定日期选择代码</title> <link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.css" type="text/css"> <script type="text/javascript" src="js/jquery-1.8.3.js"></script> <script type="text/javascript" src="js/jquery-ui-1.9.2.custom.js"></script> <script type="text/javascript" src="js/share.js"></script> </head> <body> <input type="text" class="ui-datepicker-time" readonly value="" /> <div class="ui-datepicker-css"> <div class="ui-datepicker-quick"> <p>快捷日期<a class="ui-close-date">X</a></p> <div> <input class="ui-date-quick-button" type="button" value="今天" alt="UI jQuery menetapkan pemilihan tarikh tetap kesan khas sharing_jquery" name=""/> <input class="ui-date-quick-button" type="button" value="昨天" alt="-1" name=""/> <input class="ui-date-quick-button" type="button" value="7天内" alt="-6" name=""/> <input class="ui-date-quick-button" type="button" value="14天内" alt="-13" name=""/> <input class="ui-date-quick-button" type="button" value="3UI jQuery menetapkan pemilihan tarikh tetap kesan khas sharing_jquery天内" alt="-29" name=""/> <input class="ui-date-quick-button" type="button" value="6UI jQuery menetapkan pemilihan tarikh tetap kesan khas sharing_jquery天内" alt="-59" name=""/> </div> </div> <div class="ui-datepicker-choose"> <p>自选日期</p> <div class="ui-datepicker-date"> <input name="startDate" id="startDate" class="startDate" readonly value="2UI jQuery menetapkan pemilihan tarikh tetap kesan khas sharing_jquery14/12/2UI jQuery menetapkan pemilihan tarikh tetap kesan khas sharing_jquery" type="text"> - <input name="endDate" id="endDate" class="endDate" readonly value="2UI jQuery menetapkan pemilihan tarikh tetap kesan khas sharing_jquery14/12/2UI jQuery menetapkan pemilihan tarikh tetap kesan khas sharing_jquery" type="text" disabled onChange="datePickers()"> </div> </div> </div> <div style="text-align:center;margin:5UI jQuery menetapkan pemilihan tarikh tetap kesan khas sharing_jquerypx UI jQuery menetapkan pemilihan tarikh tetap kesan khas sharing_jquery; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器:36UI jQuery menetapkan pemilihan tarikh tetap kesan khas sharing_jquery、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p> </div> </body> </html>