July 6, 2013

datepicker 日歷選擇

<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>
<script type="text/javascript" >
    $(document).ready(function(){
$( "#datepicker" ).datepicker({changeYear : true,//開啟year的下拉選單
                                                           changeMonth : true,//開啟mouth的下拉選單
                                                           dateFormat: 'yy-mm-dd', //定義時間格式
                                                           yearRange : "-80:+0",//現在年分往後推80年
                                                           maxDate : '+0',//日期不超過現在
                                                           monthNamesShort: [ "1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月" ],
                                                           showOn:'both', 
                                                           buttonImageOnly: true,//開啟按鈕圖案
                                                           buttonImage: '/AddMember/images/dateicon.jpg'});//加入圖片
});
</script> 


0推薦此文章
Today's Visitors: 0 Total Visitors: 1
Personal Category: $ JQuery Topic: technology / tech info / programming
Next in This Category: .hover 滑鼠指標 指入/指出

誰來收藏
Loading ...
unlog_NVPO 0