如何在Jquery daterangepicker插件中自定义html?

如何在Jquery daterangepicker插件中自定义html?,jquery,daterangepicker,Jquery,Daterangepicker,图片是默认的日期范围选择器。我想在其中添加我自己的HTML(UI),而不是使用默认的HTML(UI)。例如,我想在我的HTML代码的基础上,把今天变成一个按钮 这是我的Jquery代码 presetRanges: [{ text: 'Today', dateStart: function() { return moment() }, dateEnd: function() { return moment() } }, 您可以使用一点CSS覆盖。例

图片是默认的日期范围选择器。我想在其中添加我自己的HTML(UI),而不是使用默认的HTML(UI)。例如,我想在我的HTML代码的基础上,把今天变成一个按钮

这是我的Jquery代码

presetRanges: [{
        text: 'Today',
        dateStart: function() { return moment() },
        dateEnd: function() { return moment() }
},

您可以使用一点CSS覆盖。例如,我更改了以下内容:

 .ui-datepicker td {
    border: 1px solid #CCC;
    padding: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: solid #FFF;
    border-width: 1px 0 0 1px;
}

立即得到了与您想要的更为相似的东西。

创建一个按钮,在今天单击该按钮时触发单击。