900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html选择时间区间控件 Html5添加用户选择一个日期时间范围的日期选择器插件教程...

html选择时间区间控件 Html5添加用户选择一个日期时间范围的日期选择器插件教程...

时间:2022-03-27 12:54:44

相关推荐

html选择时间区间控件 Html5添加用户选择一个日期时间范围的日期选择器插件教程...

一、使用方法

二、调用插件

$('#dom-id').dateRangePicker(configObject);

三、配置参数

{

format: 'YYYY-MM-DD',

separator: ' to ',

language: 'auto',

startOfWeek: 'sunday',//or monday

getValue: function()

{

return this.value;

},

setValue: function(s)

{

this.value=s;

},

startDate: false,

endDate: false,

minDays: 0,

maxDays: 0,

showShortcuts: true,

time:{

enabled: false

},

shortcuts:

{

'next-days':[3,5,7],

'next' :['week','month','year']

},

customShortcuts : [],

inline:false,

container: 'body',

alwaysOpen:false,

singleDate:false,

batchMode:false,

beforeShowDay: [function],

dayDivAttrs: [],

dayTdAttrs: [],

applyBtnClass: ''

}

四、事件

$('#dom-id')

.dateRangePicker()

.bind('datepicker-change',function(event,obj)

{

console.log(obj);

})

.bind('datepicker-apply',function(event,obj)

{

console.log(obj);

})

.bind('datepicker-close',function()

{

console.log('close');

});

五、API

$(dom).data('dateRangePicker')

.setDateRange('-11-20','-11-25');

.clear();

.close();

.open();

.destroy();

应用推广KeyMob移动端广告平台,国内专业的“管理工具”一站式移动营销应用推广平台。致力于为广告主提供基于移动营销广告进行高效的优化管理服务。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。