注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jQuery日期时间插件Datepair

jQuery插件 fishcity 1273浏览

本插件jquery.datepair的制作灵感来自于谷歌日历,它是一个轻量级的jQuery插件,可智能选择日期和时间范围,保持开始和结束日期/时间同步,并可以根据用户的操作设置默认值。该插件不提供任何UI小部件; 但它使用了jquery-timepicker和Bootstrap Datepicker插件库,不过它可以不使用任何日期选择器,或是不用其它的。

本插件的使用要求

jQuery(> = 1.7)

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

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

基本使用方法

html

<p id="basicExample">
    <input type="text" class="date start" />
    <input type="text" class="time start" /> to
    <input type="text" class="time end" />
    <input type="text" class="date end" />
</p>

js

<script type="text/javascript" src="bootstrap-datepicker.js"></script>
<script type="text/javascript" src="jquery.timepicker.js"></script>
<script type="text/javascript" src="jquery.datepair.js"></script>
<script>
    // initialize input widgets first
    $('#basicExample .time').timepicker({
        'showDuration': true,
        'timeFormat': 'g:ia'
    });

    $('#basicExample .date').datepicker({
        'format': 'm/d/yyyy',
        'autoclose': true
    });

    // initialize datepair
    $('#basicExample').datepair();
</script>

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

选项

dateClass

日期文本框的类名,可不设。

默认值:“date”

defaultDateDelta

当用户在第一个文本框选择了日期后,第二个文本框将会自动填上第一个方框的日期加上defaultDateDelta设定的值,若将此值设置为null,将自动禁用第二个日期选项。

默认值:0

defaultTimeDelta

与defaultDateDelta参数相似。值以毫秒为单位;例如设置为7200000毫秒,就是2小时的间隔,设置为null则禁用第二次时间设置。

默认值:0

endClass

第二个文本框的类名

默认值:“end”

parseDate

调用一个返回本地日期的jquery对象方法,并显到到文本框。

默认值:调用 Bootstrap Datepicker

parseTime

调用一个返回本地时间的jquery对象方法,并显到到文本框。

默认值:调用jquery-timepicker

setMinTime

调用一个返回本地时间的jquery对象方法,并显示到文本框,并设置timepicker minTime值。

默认值:调用jquery-timepicker

startClass

开始时间文本的类名。

默认:“start”

timeClass

时间文本框的类名。

默认:“time”

updateDate

调用一个返回本地日期的jquery对象方法,并显示到到文本框。

默认值:调用DatePicker

转载请注明:jQ酷 » jQuery日期时间插件Datepair

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。