jQuery日期时间插件Datepair

 查看演示  website  立即下载

jquery.datepair是一个轻量级的jQuery插件,智能选择日期和时间范围，灵感来自于谷歌日历。Datepair将保持开始和结束日期/时间同步，并可以根据用户的操作设置默认值。该插件不提供任何UI小部件; 它预先配置工作的jquery-timepicker和引导DatePicker的，但你可以使用它与任何日期选择器或timepicker（或根本没有）。

要求

jQuery（> = 1.7）

jQuery的- timepicker（> = 1.3）（这种依赖性可以被重写）

自举的DatePicker（> = 1.3）（这种依赖性可以被重写）

用法

$('#container').datepair(options);

凡#container包含适当的类名时间/日期输入元素。选项是可选的JavaScript对象与下面的参数说明。

选项

dateClass

日期输入类名，如果有的话。默认：“date”

defaultDateDelta

在第二个日期值填入指定范围时，用户选择的第一个日期值是天。将此值设置为null。自动禁用设置第二个日期默认值：0

defaultTimeDelta

填写第二时间值与指定的范围内时，用户选择第一时间。值以毫秒为单位；设置为7200000的2小时的范围，例如。设置为null禁用自动设置的第二次。

默认值：0

endClass

范围结束输入（S）的类名默认：“end”

parseDate

一个函数，它接受一个jQuery元素为一个日期输入并返回本地时间日期表示日期输入值的对象。默认值：函数引导的DatePicker

parseTime

一个函数，它接受一个jQuery元素，一时间输入，并返回本地时间日期表示时间输入值的对象。参见示例页面获取更多信息。默认值：函数的jquery-timepicker

setMinTime

一个函数，它接受一个jQuery元素的输入时间和本地时间日期表示时间的对象，并设置timepicker minTime值。默认值：函数的jquery-timepicker

startClass

范围内启动输入（S）的类名默认：“start”

timeClass

时输入类名，如果有的话。默认：“time”

updateDate

一个函数，它接受一个jQuery元素输入的日期和本地时间日期表示日期对象，并设置输入值。默认值：函数引导的DatePicker

方法

getTimeDiff

获取日期/时间范围的大小，单位为毫秒。

var milliseconds = $('#container').datepair('getTimeDiff');

remove

从一组输入拆散的datepair功能。

$('#container').datepair('remove');

PREVIOUS:
NEXT:
jQuery图片轮播(焦点图)插件jquery.slideBox
css3 3D网格效果