jquery的datepicker

所需文件

jquery-1.7.2.min.js ,jquery.ui.core.js,jquery.ui.datepicker.js,jquery-ui.css

用法

<script type="text/javascript" src="<%=basePath%>js/jquery-1.7.2.min.js"></script>
 <script type="text/javascript" src="<%=basePath%>js/jquery.ui.core.js"></script>
 <script type="text/javascript" src="<%=basePath%>js/jquery.ui.datepicker.js"></script>
 <link rel="stylesheet" type="text/css" href="<%=basePath%>css/jquery-ui.css"/>
 <script type="text/javascript">
  $(function(){
   $("#brith").datepicker({
    dateFormat: 'yy-mm-dd',//显示的格式
    changeMonth: true,//是否选择月
    changeYear: true,//是否选择显示年
    showQuarter:false,//是否显示季度
    showDate:true,//是否显示日期
    showMonth:true,//是否显示月
    showButtonPanel: true//是否显示取消按钮
   });
  });
 </script>

<input type="text" name="brith" id="brith" readonly="readonly">

posted on 2013-11-01 10:50  明天521  阅读(180)  评论(0编辑  收藏  举报