Open Closed

installing @abp/bootstrap-datepicker #7121


User avatar
0
WilliamT created
  • ABP Framework version: v6.0.2
  • UI Type: MVC
  • Database System: EF Core (MySQL)
  • Tiered (for MVC) or Auth Server Separated (for Angular): yes
  • Exception message and full stack trace:
  • Steps to reproduce the issue:

How do I properly install @abp/bootstrap-datepicker and use it inside my project? the documentation does not seem to provide a full guide for it.


13 Answer(s)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hello,

    Please check https://abp.io/package-detail/@abp_bootstrap-datepicker

  • User Avatar
    0
    WilliamT created

    Hi,

    yes i did check that beforehand, i ran "gulp" as well afterwards, but how do i include it inside my project ?

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hello, Please check this tutorial https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-3?UI=MVC&DB=EF

    In ths section in create model there is creation time check code of it.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    The abp/bootstrap-datepicker is already pre-installed in the startup template. You can use it directly.

    And here is the demo: https://bootstrap-taghelpers.abp.io/Components/DatePicker

  • User Avatar
    0
    WilliamT created

    Hi,

    is that for version 6 as well ? I cannot find bootstrap-datepicker under my /libs/abp folder

    or can you guide me on how to install it under abp?

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    is that for version 6 as well ?

    As I remember, yes.

    I cannot find bootstrap-datepicker under my /libs/abp folder

    Could you share the package.json content?

  • User Avatar
    0
    WilliamT created
        "version": "1.0.0",
        "name": "my-app",
        "private": true,
        "dependencies": {
            "@abp/bootstrap-datepicker": "^8.1.1",
            "@eonasdan/tempus-dominus": "^6.9.4",
            "@jspreadsheet/formula-pro": "^1.3.6",
            "@jspreadsheet/importer": "^1.0.3",
            "@jspreadsheet/parser": "^2.3.1",
            "@jspreadsheet/render": "^1.7.2",
            "@popperjs/core": "^2.11.6",
            "@types/node": "^18.11.9",
            "@volo/abp.aspnetcore.mvc.ui.theme.lepton": "~6.0.1",
            "@volo/account": "~6.0.1",
            "@volo/audit-logging": "~6.0.1",
            "@volo/file-management": "~6.0.1",
            "@volo/identity": "~6.0.1",
            "@volo/saas": "~6.0.1",
            "bootstrap-treeview": "^1.2.0",
            "bootstrap4-toggle": "^3.6.1",
            "html2canvas": "1.4.1",
            "jspreadsheet": "^8.0.25",
            "jstree": "^3.3.7",
            "jsuites": "^4.9.27",
            "jszip": "3.6.0",
            "lemonadejs": "^2.1.1",
            "mustache": "^4.2.0",
            "papaparse": "5.4.1",
            "xlsx": "https://cdn.sheetjs.com/xlsx-0.19.2/xlsx-0.19.2.tgz"
        }
    }```
    
  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    Try

    • Remove "@abp/bootstrap-datepicker": "^8.1.1",
    • Remove package-lock.josn and yarn.lock
    • Run abp install-libs

    You should able to see the bootstrap-datepicker under /libs/bootstrap-datepicker folder

  • User Avatar
    0
    WilliamT created

    ok, now i have it under /libs/bootstra-datepicker

    but adding <abp-date-picker> still does nothing.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    The date-picker resource reference should be added globally to the layout page but your project probably doesn't use a standard layout (I guess, or for some other reason)

    You can try to reference it manually.

    <abp-style-bundle name="Global" />
    <abp-script-bundle name="Global" />
    

    BTW, If you can share a simple project that can reproduce the problem with me, I can check it. my email is shiwei.liang@volosoft.com

  • User Avatar
    0
    WilliamT created

    i am using the TopMenu Layout but still the same.

    as for sharing a simple project hopefully i can send it later in the evening.

    not sure if this helps for now, but it looks like the abp script itself doesnt include or handle abp-date-picker as well.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    as for sharing a simple project hopefully i can send it later in the evening.

    Ok, I'm waiting for this.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi

    abpdatepicker tag helper is a new feature in 7.2 See: https://github.com/abpframework/abp/pull/15806

    You can upgrade your project version.

    Or use it manually: https://bootstrap-datepicker.readthedocs.io/en/latest/

Made with ❤️ on ABP v9.1.0-preview. Updated on November 01, 2024, 05:35