search

jdtcn / BlazorDateRangePicker

A Blazor component for choosing date ranges and dates
MIT License
186 stars 34 forks source link

Calendar not showing #36

Closed ZANZAAA closed 4 years ago

ZANZAAA commented 4 years ago

Hi,

I would like to use this component in my app however, I can't make it works. The input field is displayed but the calendar doesn't pop when clicking on the field. The app is not a blazor app but a ASP.NET Core WebApp using razor pages & razor components.

Also the doc on github says that the css and script files should be in the head section but the doc on the website says "near the end of your _Host.cshtml (or index.html for Blazor WebAssembly) pages, right before the closing " I've tried both without success. The issue seems to be with clickAndPositionHandler.js

It works well in my other app (Blazor app web assembly). Any idea why it's not working? Thanks

jdtcn commented 4 years ago

Hi,

It's possible to integrate Blazor Components into Existing Asp.Net Core MVC Applications, this article describes how to add Blazor to your ASP.Net Core middleware. Make sure you're following the steps described in the article.

Place stylesheet <link> and <script> into your <head> section. But the component should work regardless of the <script> position, just make sure it loads.

Working example: TestWebApplication.zip

ZANZAAA commented 4 years ago

My project has a similar structure to the test project you provided so I reviewed my code again. After further investigation, the problem was due to a conflict between my css and _content/BlazorDateRangePicker/daterangepicker.min.css.

Nothing to do with your package :) Anyway, thanks for your quick reply.