admin jq制作双日历区间选择控件
区间的选择，界面是基于jQuery UI,需要 jQuery UI 1.7 或者以上版本的支持。
调用方法：
1.加载所需文件
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script><script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script><script type="text/javascript" src="js/daterangepicker.jQuery.js"></script><link rel="stylesheet" href="css/ui.daterangepicker.css" type="text/css" /><link rel="stylesheet" href="css/redmond/jquery-ui-1.7.1.custom.css" type="text/css" title="ui-theme" />
2.调用函数
<script type="text/javascript">$(function(){ $('#rangeA').daterangepicker({presetRanges:[//{text:'最近一周', dateStart:'yesterday-7days', dateEnd:'yesterday' },//{text:'最近一月', dateStart:'yesterday-1month', dateEnd:'yesterday' },//{text:'最近一年', dateStart:'yesterday-1year', dateEnd:'yesterday' }],presets:{dateRange:'自定义时间'},rangeStartTitle:'起始日期',rangeEndTitle:'结束日期',nextLinkText:'下月',prevLinkText:'上月',doneButtonText:'确定',cancelButtonText:'取消',earliestDate:'',latestDate:Date.parse('today'),constrainDates:true,rangeSplitter:'-',dateFormat:'yy-mm-dd',closeOnSelect:false,onOpen:function(){$('.ui-daterangepicker-dateRange').click().parent().hide();}}); });</script>
至于文字的翻译大家可以修改daterangepicker.jQuery.js里面的英文即可。 
0条评论