This topic contains 3 replies, has 3 voices, and was last updated by Jai Jai 1 year, 9 months ago.

Best way to customize daterangepicker on dashboard


  • jax824
    Participant

    Posts: 20
    Member Reply #12568

    Hello,

    I just have a quick simple question. The date range picker on the dashboard has several options such as: Today, Yesterday, Last 7 Days, Last 30 Days, This Month,Last Month, and Custom Range. Currently the default is at “Today”, what is the easiest way to set the default to “last 30 days”? below is the html code for the daterangepicker, Thank you.

    <span class=”m-subheader__daterange” id=”m_dashboard_daterangepicker”>

    <span class=”m-subheader__daterange-label”>

    <span class=”m-subheader__daterange-title”></span>

    <span class=”m-subheader__daterange-date m–font-brand”></span>

    </span>

    <i class=”la la-angle-down”></i>

    </span>

    • This topic was modified 1 year, 9 months ago by  jax824.
    • This topic was modified 1 year, 9 months ago by  jax824.
    • This topic was modified 1 year, 9 months ago by  jax824.
    Sean
    Sean
    Keymaster

    Posts: 4527
    Support Staff Reply #12638

    Hi,

    You can check the datarangepicker plugin’s official documentation here:
    http://www.daterangepicker.com/

    The dashboard daterangepicker example is initialized in “theme\src\js\app\custom\dashboard.js” script under “daterangepickerInit” function so you can customize it according to your requirements by referring to the documentation.

    Thanks.


    jax824
    Participant

    Posts: 20
    Member Reply #12914

    Got it! Thank you Sean!

    Jai
    Jai
    Keymaster

    Posts: 2715
    Support Staff Reply #12934

    Hi 🙂

    Thank you for your feedback and good luck with the project.

    Thanks

You must be logged in to reply to this topic.