jquery.datepair日期时分秒选择器

最新推荐文章于 2024-08-23 08:57:30 发布

手册网

最新推荐文章于 2024-08-23 08:57:30 发布

阅读量225

点赞数

分类专栏： jQuery 文章标签： jquery.datepair 日期时分秒选择器

jQuery 专栏收录该内容

116 篇文章

订阅专栏

jQuery Datepair 是一个轻量级插件，用于智能选择日期和时间范围，灵感源自谷歌日历。此插件可保持起始和结束日期/时间同步，并允许设置默认值。虽然未提供 UI 小部件，但已预先配置好与 jQuery Timepicker 和 Bootstrap DatePicker 配合使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

实例代码

<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>

<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>

效果预览