公众账号

微信公众号二维码 微信扫描关注
来源:http://www.htmlsucai.com/thread-36708-1-1.html

[表单代码] 日历选择日期插件修改bug版基于jQuery

709 [禁止匿名转载 禁止商业使用]

论坛元老

爱吃肉的小编

Rank: 8Rank: 8

发表于 2017-6-14 13:17:17 | 显示全部楼层 |阅读模式
日历选择日期插件修改bug版基于jQuery.jpg

一、选择单天的时间段选择(TA的日期选择器):
示例代码:
  1. var dateRange = new pickerDateRange('date_demo3', {
  2.   aRecent7Days : 'aRecent7DaysDemo3', //最近7天
  3.   isTodayValid : false, //今天是否可选
  4.   defaultText : ' 至 ',
  5.   inputTrigger : 'input_trigger_demo3',
  6.   theme : 'ta',
  7.   success : function(obj) {
  8.     $("#dCon_demo3").html('开始时间 : ' + obj.startDate + '<br />结束时间 : ' + obj.endDate);
  9.   }
  10. });
复制代码

二、支持点击结束日期自动提交,无须确定按钮(ta,gri主题均支持):开始时间:2012-06-14
结束时间:2012-07-10


  1. <script type="text/javascript">
  2. var dateRange1 = new pickerDateRange('date1', {
  3.   isTodayValid: true, //今天是否可选
  4.   startDate: '2017-06-04',
  5.   endDate: '2017-06-07',
  6.   startToday: false, //开始时间为今天
  7.   stopToday: true, //结束时间为今天
  8.   needCompare: false,
  9.   defaultText: ' 至 ',
  10.   autoSubmit: true,
  11.   inputTrigger: 'input_trigger1',
  12.   theme: 'ta',
  13.   success: function (obj) {
  14.     $("#dCon2").html('开始时间 : ' + obj.startDate + '<br />结束时间 : ' + obj.endDate);
  15.   }
  16. });
  17. </script>
复制代码
三、月份选择器:开始时间 : undefined
结束时间 : undefined
  1. <script type="text/javascript">
  2. monthPicker.create('month_picker', {
  3. trigger : 'month_trigger',
  4. autoCommit : true,
  5. callback : function(obj){
  6. $("#monthContainer").html('开始时间 : ' + obj.startDate + '
  7. 结束时间 : ' + obj.endDate);
  8. }
  9. });
  10. </script>
复制代码
四、时间段对比选择:开始时间:2012-06-12
结束时间:2012-07-10
  1. <script type="text/javascript">
  2. var dateRange = new pickerDateRange('date', {
  3. isTodayValid : true,
  4. startDate : '2012-06-12',
  5. endDate : '2012-07-10',
  6. needCompare : false,
  7. defaultText : ' 至 ',
  8. success : function(obj) {
  9. //设置回调句柄
  10. }
  11. });
  12. </script>
复制代码
五、单天对比选择:开始时间:2012-06-11
结束时间:2012-07-15
  1. <script type="text/javascript">
  2. var dateRange = new pickerDateRange('date', {
  3. isTodayValid : true,
  4. startDate : '2012-06-11',
  5. startCompareDate : '2012-07-10',
  6. needCompare : true,
  7. singleCompare : true,
  8. defaultText : ' 对比 ',
  9. success : function(obj) {
  10. //设置回调句柄
  11. }
  12. });
  13. </script>
复制代码





您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

最新素材
HTML素材网,HTML5模板,网页特效
Copyright©2017  HTML素材网  Powered by 智伙伴科技
  ( 鲁ICP备14029286号-3 )
返回顶部返回顶部
发布主题