ruoyi框架时间范围range增加今日,近7日,近30日时间选择

原先layui时间控件是不支持今日,近7日,近30日选择的,网上的解决方法是直接在引用的js中修改代码,这是一种方法。但是对于不能修改源代码的童鞋来说是不行的。

所以一下解决方法诞生了。直接添加这三个按钮并和时间控件(laydate)有友好的联动

ruoyi框架时间范围range增加今日,近7日,近30日时间选择_第1张图片

功能要求:

1、增加90天范围时间范围限制

2、点击按钮时,时间控件能够回显日期

3、点击按钮也支持再次选择

js代码:

const prefix = ctx + "xxx/xxxxxx";
const layDate = layui.use('laydate', function () {
    const laydate = layui.laydate;
    let flg = 2;
    const render = laydate.render({
        elem: '#dataLimit',
        range: '~',
        done: function (value, date, endDate) {
            $("#searchDate").val()
            console.log(value, date, endDate);
        },
        change: function (value, date, endDate) {
            var st

你可能感兴趣的:(layui,javascript,前端,ruoyi)