jquery双日历插件daterangepicker.js使用方法及设置值

最新推荐文章于 2025-05-19 16:56:12 发布

Cookysurongbin

最新推荐文章于 2025-05-19 16:56:12 发布

阅读量6.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：双日历插件文章标签：双日历插件

本文链接：https://blog.youkuaiyun.com/Cookysurongbin/article/details/53488685

双日历插件专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用daterangepicker插件来实现日期选择器的功能。包括基本的使用方法、设置值的方式以及如何配置单日历模式。

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

1、使用方法

<input type="text" class="form-control start-time" placeholder="运营费起算时间" value="2016-12-01">

$('.start-time',$currentTab).daterangepicker(null, function(start, end, label) {
        $scope.start_time = start.format('YYYY-MM-DD')//格式化日期
    });

2、设置值
在input的value直接写值

<input type="text" class="form-control start-time" placeholder="运营费起算时间" 

value="2016-12-01">

通过js设置input的值

$('.start-time').val('2016-12-06');

3、设置成单日历
只需要在初始化的时候设置参数singleDatePicker为true

$('.start-time',$currentTab).daterangepicker({
            singleDatePicker: true,//设置成单日历
        }, function(start, end, label) {
            $scope.start_time = start.format('YYYY-MM-DD')//格式化日期
        });