Blazor.PersianDateTimePicker
Advanced tools
This project is developed on the Blazor .net 5.0 framework.
<script src="_content/Blazor.PersianDateTimePicker/Init.js"></script>
like
@page "/"
@namespace Blazor.PersianDateTimeControl.UI.Pages
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{
Layout = null;
}
<html lang="fa">
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
<component type="typeof(App)" render-mode="Server" />
<script src="_framework/blazor.server.js"></script>
<script src="_content/Blazor.PersianDateTimePicker/Init.js"></script>
</body>
</html>
Sample:
@page "/"
<h2>With event: DateTimeChanged</h2>
<Blazor.PersianDateTimePicker.DateTimePicker DateTimeChanged="ShowDate" InitialDate=DateTime.Now/>
<input @bind="_Date" />
<br />
<h2>With binding: bind-Value</h2>
<Blazor.PersianDateTimePicker.DateTimePicker @bind-Value="_DateBind" />
<input @bind="_DateBind" />
@code
{
private DateTime? _DateBind = DateTime.Now.AddDays(-10);
private string _Date;
private void ShowDate(DateTime? dt)
{
_Date = dt.ToString();
}
}
Input and output are based on DateTime data type
DateTimeChange is an event that returns a date with the DateTime data type when the date changes.
InitialDate: It is a property that determines the initial value.
Text: It is a property that determines the persian value.
Value: It is a property that determines the DateTime value.
Ctrl+Delete=Delete
Ctrl+Home=Start of day
Ctrl+End=end of day
Ctrl+Space=current time
FAQs
Persian date control in Blazor.
We found that blazor.persiandatetimepicker demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
/Security News
A RubyGems malware campaign used 60 malicious packages posing as automation tools to steal credentials from social media and marketing tool users.
Security News
The CNA Scorecard ranks CVE issuers by data completeness, revealing major gaps in patch info and software identifiers across thousands of vulnerabilities.
Research
/Security News
Two npm packages masquerading as WhatsApp developer libraries include a kill switch that deletes all files if the phone number isn’t whitelisted.