nheath99 / nodatimepicker Goto Github PK
View Code? Open in Web Editor NEWA Date/Time picker component library for Blazor using NodaTime
License: GNU General Public License v3.0
A Date/Time picker component library for Blazor using NodaTime
License: GNU General Public License v3.0
When the user clicks on a valid (non-disabled) date, that should trigger an event and set the value so it can be read/bound to
Visible by default
Allow the User to specify:
Cant seem to get a working example running on a page. The popup shows, but the date value doesnt remain in the input field.
```
<input type="text" onfocus="@focussed2" />
<DatePicker Visible="datePicker2Visible" Selected="selected2" />
@functions {
bool datePicker2Visible = false;
void focussed2(UIFocusEventArgs e)
{
datePicker2Visible = true;
}
void selected2(LocalDate localDate)
{
datePicker2Visible = false;
StateHasChanged();
}
}
On the demo page, there is a typo?
https://nodatimepicker.azurewebsites.net/
Also, you dont mention that the page needs to reference
@using NodaTime, correct?
![clipboard02](https://user-images.githubusercontent.com/17503279/51280086-5d2be700-19a4-11e9-9efd-b491330b8871.png)
I have the following code in my application, where I have configured the calendar for Norwgian culture:
<input type="text" onfocus=@focussed value=@selectedDate class="form-control blzinput form-control-sm m-3" placeholder="Velg dato" />
<DatePicker FormatProvider="@(new System.Globalization.CultureInfo("nb-NO"))" Visible=@visible Selected=@HentBaner />
The text shown in text input after the calendar closes is still in english though. Is it possible to change this also to Norwegian. Or maybe configure so it displays a numerical date instead of eg "Monday, 11 March 2019"
hi, i use your component for one of my project and it is amazing ! thanks !
I need to customize it to integrate it properly on my app, and it could be nice to have the node text surrunding by span to customize it better
before
<div class="day-wrapper">
<button type="button" role="button" class="day weekday old disabled" style="">
30
</button>
</div>
after
<div class="day-wrapper">
<button type="button" role="button" class="day weekday old disabled" style="">
<span class="text-day">
30
</span>
</button>
</div>
same things for month, years, etc
I can do it if you want !
thanks !
Julien
Add comments and documentation to explain features and functionality
Trying to use this in my project but nuget wont find version 0.2.0
Demo and code for:
Need to keep fully updated.
Hi, i try to reference your library on my blazor app wich is on .net standard 2.1. The compilation work, but when i try to access the component on a view i have a JS error, he don't find your dll. When i put my client project on .net standard 2.0 everything work. I precise i reference directly your dll because your nugget is still blocked in a old version (0.1.0).
Thanks !
Hi,
Thanks for this great tool!
It would be great to see other selection modes, i.e. year, month, week... Especially I'd need the week option to show and select calendar weeks. The format of the selected week should be configurable, i.e. week 5 / 2019
Regards
Sven
At the moment the site is hosted as an App service, and doesn't seem to be served properly.
https://docs.microsoft.com/en-us/azure/storage/blobs/storage-blob-static-website
https://docs.microsoft.com/en-us/aspnet/core/host-and-deploy/blazor/webassembly?view=aspnetcore-3.0#standalone-deployment
It's clear that "Blazor" is being dropped in favour of "Razor Components", and I think BlazorNodaTimeDateTimePicker is a bit too long as the root namespace. A few suggestions to change the name of the project:
Please feel free to suggest any others below!
I would like a function that i could call to go to the right month for selected date.
blazor.webassembly.js:1 Uncaught (in promise) Error: System.InvalidOperationException: Nullable object must have a value.
at Microsoft.JSInterop.DotNetDispatcher.InvokeSynchronously (:44305/System.String assemblyName, System.String methodIdentifier, System.Object targetInstance, System.String argsJson) <0x236dd10 + 0x001c8> in <7184a60a97e641c9941a7f131958b58c>:0
at Microsoft.JSInterop.DotNetDispatcher.BeginInvoke (:44305/System.String callId, System.String assemblyName, System.String methodIdentifier, System.Int64 dotNetObjectId, System.String argsJson) <0x236d8c0 + 0x00088> in <7184a60a97e641c9941a7f131958b58c>:0
at Microsoft.JSInterop.DotNetDispatcher.InvokeSynchronously (:44305/System.String assemblyName, System.String methodIdentifier, System.Object targetInstance, System.String argsJson) <0x236dd10 + 0x001c8> in <7184a60a97e641c9941a7f131958b58c>:0
at Microsoft.JSInterop.DotNetDispatcher.BeginInvoke (:44305/System.String callId, System.String assemblyName, System.String methodIdentifier, System.Int64 dotNetObjectId, System.String argsJson) <0x236d8c0 + 0x00088> in <7184a60a97e641c9941a7f131958b58c>:0
at endInvokeDotNetFromJS (blazor.webassembly.js:1)
at Object.invokeJSFromDotNet (blazor.webassembly.js:1)
at _mono_wasm_invoke_js_marshalled (mono.js:1)
at :44305/wasm-function[1530]:520
at :44305/wasm-function[754]:19425
at :44305/wasm-function[754]:18238
at :44305/wasm-function[754]:18238
at :44305/wasm-function[754]:18238
at :44305/wasm-function[754]:18853
at :44305/wasm-function[754]:18853
Hi and thanks for your work !
I use your component for one of my project, and i need to handle some events
EventCallback<ViewMode> OnViewModeChanged
)EventCallback<(int, int)> OnMonthChanged, argument year, month, and EventCallback<int> OnYearChanged, argument year
)You think its possible to add this ?
if needed, i can develop on your repository to add this.
thanks !
Julien
Personnaly I don't have the arivera12's problem with this version, the component work fine in 0.4.0, at least for the DatePicker, I don't try the TimePicker.
My only problem is i'm unable to reference the static file in my _Host, i have 404 of these, so for now i downloaded the file and reference them manually
<link href="_content/NodaTimePicker/datepicker.css" rel="stylesheet" /> => 404
<link href="_content/NodaTimePicker/timepicker.css" rel="stylesheet" /> => 404
Originally posted by @julienGrd in #66 (comment)
Clicking on the header takes the display to the next level up. Clicking on an item selects that period and takes the display to the next level down. Prev/Next takes the user to the previous or next page.
Time field should be converted to TimeSpan if we are storing our time data on a SQL Time datatype.
Allow the user to specify the locale, and use this to display any text values
CodeFactor found an issue: The universal selector (*) is known to be slow.
It's currently on:
src\BlazorNodaTimeDateTimePicker\content\timepicker.css:15
Commit 1545de8
The CSS that you have written for buttons in this control is not done in a way that isolates your styles to the control. Including the control on a page was enough to remove all default styling from the rest of the buttons on the page. Maybe consider pseudo-namespacing of your CSS selectors?
PS: I may even be willing to help out with this in the next few days if you are interested.
https://chrissainty.com/building-blazor-apps-using-azure-pipelines/
https://docs.microsoft.com/en-us/azure/devops/pipelines/tasks/package/nuget?view=azure-devops#pack-nuget-packages
Allow the user to set the initial ViewMode of the control
Create a class to monitor state
Hi all,
currently in Input box I am getting a long time format string: "Wednesday, 03 July 2019"
is there a way to convert this to "03.07.2019" format somehow?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.