在网页中,我们经常需要让用户选择一个时间段,在该时间段内可以进行相应的操作。那么如何使用jquery来实现这个功能呢?
$(函数(){ $('开始时间选择器').datepicker({ dateFormat: 'yy-mm-dd', // 日期格式 onSelect: 函数(){ var start = $(this).datepicker('getDate'); // 获取开始时间 $('结束时间选择器').datepicker('option', 'minDate', start); // 设置最小日期作为开始时间 } }); $('结束时间选择器').datepicker({ dateFormat: 'yy-mm-dd', // 日期格式 onSelect: 函数(){ var end = $(this).datepicker('getDate'); // 获取结束时间 $('开始时间选择器').datepicker('option', 'maxDate', end); // 设置最大日期作为结束时间 } }); });
上面的代码实现了一个简单的选择时间段的功能。具体效果是:
使用jquery和datepicker插件,我们可以轻松实现选择时间段的功能,让用户更方便地完成操作。