jquery ui datepicker使用

$("#regDate").datepicker(       
{       
   showMonthAfterYear: true, // 月在年之后显示       
   changeMonth: true,   // 允许选择月份       
   changeYear: true,   // 允许选择年份       
   dateFormat:'yy-mm-dd',  // 设置日期格式       
   closeText:'关闭',   // 只有showButtonPanel: true才会显示出来       
   duration: 'fast',       
   showAnim:'fadeIn',       
   showOn:'button',   // 在输入框旁边显示按钮触发,默认为:focus。还可以设置为both       
   buttonImage: 'images/commons/calendar.gif',   // 按钮图标       
   buttonImageOnly: true,        // 不把图标显示在按钮上,即去掉按钮       
   buttonText:'选择日期',       
   showButtonPanel: true,       
   showOtherMonths: true,       
  //appendText: '(yyyy-mm-dd)',       
});     

 

 

$("#expDate").datepicker(       
{       
   showMonthAfterYear: true, // 月在年之后显示       
   changeMonth: true,   // 允许选择月份       
   changeYear: true,   // 允许选择年份       
   dateFormat:'yy-mm-dd',  // 设置日期格式       
   showClearButton: true,  // 自定义的方法(1.7.2没有清除按钮)       
  //clearText: '清除',    // 自定义的文本,在文档在有定义(js中)       
   closeText:'关闭',   // 只有showButtonPanel: true才会显示出来       
   duration: 'fast',       
   showAnim:'fadeIn',       
   showOn:'button',   // 在输入框旁边显示按钮触发,默认为:focus。还可以设置为both       
   buttonImage: 'images/commons/calendar.gif',   // 按钮图标       
   buttonImageOnly: true,        // 不把图标显示在按钮上,即去掉按钮       
   buttonText:'选择日期',       
   showButtonPanel: true,       
   showOtherMonths: true,       
  //appendText: '(yyyy-mm-dd)',       
   onSelect: function(dateText, inst)       
   {       
   var arys = new Array();       
   var arys = dateText.split('-');       
    $('#effDate').datepicker('option','maxDate',new Date(arys[0],arys[1]-1,arys[2]));       
   }       
});

 http://api.jqueryui.com/datepicker/  api地址

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值