Create Persian Calendar as html helper with tag builder c# , and convert selected persian date to gregorian date

Overview

Persian-Calendar

  • Use JS,Html,CSS,C#
  • White theme for Persian Calendar , easy to use.
  • Create Persian Calendar as html helper.
  • Use Tag builder in c# for build html helper (MVCHtmlString).
  • Convert selected persian date to gregorian date.
  • Cannot allow to edit on inputs.
  • Create Random ID for Inputs and Calendar.

Options

  • (string) componentName : name is applied on gregorian date ( when get value for component name , return gregorian date ).
  • (Datetime) value : set value for calendar.
  • (object) htmlattribute : Add custom attributes to the input that is used for the calendar.
  • (string) onChange : Apply any script on change the value on Calendar such as function(){ //any thing } .
  • (bool) IsRequired : Are you date is required ? true or false .
  • (Datetime) minValue : Select minimum value for calendar .
  • (Datetime) maxValue : Select maximum value for calendar .

How to use

  • add component namespace <add namespace="PersianCalendarComponents.Components" /> to "Views/Web.config"
  • call DatePicker from any View such as :

@Html.TADatePicker(componentName,value, htmlattribute,onChange, IsRequired, minValue, maxValue)

ScreenShot Calendar

Screenshot_1 Screenshot_4 Screenshot_5

You might also like...

CalendarPickerJS - A minimalistic and modern date-picker component/library 🗓️👨🏽‍💻 Written in Vanilla JS

CalendarPickerJS The simple and pretty way to let a user select a day! Supports all major browser. Entirely written in Vanilla JavaScript with no depe

Dec 6, 2022

This library provide a fast and easy way to work with date.

This library provide a fast and easy way to work with date.

Calendar.js Calendar.js provide a fast way to work with dates when you don't wanna deal with hours, minute, second and so on. It means that Calendar.j

Apr 27, 2022

⏰ Day.js 2KB immutable date-time library alternative to Moment.js with the same modern API

⏰ Day.js 2KB immutable date-time library alternative to Moment.js with the same modern API

English | 简体中文 | 日本語 | Português Brasileiro | 한국어 | Español (España) | Русский Fast 2kB alternative to Moment.js with the same modern API Day.js is a

Dec 28, 2022

⏳ Modern JavaScript date utility library ⌛️

date-fns provides the most comprehensive, yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js. 📖 Documentation

Dec 29, 2022

Reusable date picker component for React

React DayPicker DayPicker is a reusable date picker component for React. $ npm install react-day-picker@next Beta version ⚠️ This branch is for the ne

Dec 28, 2022

DEPRECATED: Timezone-enabled JavaScript Date object. Uses Olson zoneinfo files for timezone data.

TimezoneJS.Date A timezone-enabled, drop-in replacement for the stock JavaScript Date. The timezoneJS.Date object is API-compatible with JS Date, with

Nov 20, 2022

Date() for humans

date Date is an english language date parser for node.js and the browser. For examples and demos, see: http://matthewmueller.github.io/date/ Update: d

Jan 4, 2023

:clock8: :hourglass: timeago.js is a tiny(2.0 kb) library used to format date with `*** time ago` statement.

timeago.js timeago.js is a nano library(less than 2 kb) used to format datetime with *** time ago statement. eg: '3 hours ago'. i18n supported. Time a

Jan 4, 2023

A lightweight, locale aware formatter for strings containing unicode date tokens.

Date Token Format A lightweight (~2kB), locale aware formatter for strings containing unicode date tokens. Usage Install the package using: yarn add d

Dec 24, 2021
Owner
Tareq Awwad
.Net Developer MVC
Tareq Awwad
Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/

Duet Date Picker Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Duet Date Picker can be implemented and us

Duet Design System 1.6k Jan 6, 2023
A date picker web component, and spiritual successor to duet date picker

<date-picker> A date picker web component, based on duet date picker, except authored with Lit and using shadow DOM. This is a work in progress. Todo:

Nick Williams 25 Aug 3, 2022
🍞📅A JavaScript calendar that has everything you need.

A JavaScript schedule calendar that is full featured. Now your service just got the customizable calendar. ?? Table of Contents Collect statistics on

NHN 10.4k Jan 3, 2023
gcal/outlook like calendar component

react-big-calendar An events calendar component built for React and made for modern browsers (read: IE10+) and uses flexbox over the classic tables-ce

Jason Quense 6.2k Dec 29, 2022
Ultimate calendar for your React app.

React-Calendar Ultimate calendar for your React app. Pick days, months, years, or even decades Supports range selection Supports virtually any languag

Wojciech Maj 2.8k Dec 27, 2022
An iCal API to see the 42 events in a calendar.

42cal An iCal API to see the 42 events in a calendar. Installation You have to create a new intra app (Settings > API > REGISTER A NEW APP). Fill in t

Valentin 4 Jan 17, 2022
All your classes. One calendar file

CruzCal Check out the Figma for the designs What is CruzCal? A productivity tool for UC Santa Cruz students. CruzCal lets users select their Class and

null 2 May 13, 2022
Lightweight and simple JS date formatting and parsing

fecha Lightweight date formatting and parsing (~2KB). Meant to replace parsing and formatting functionality of moment.js. NPM npm install fecha --save

Taylor Hakes 2k Jan 5, 2023
A tiny and fast zero-dependency date-picker built with vanilla Javascript and CSS.

A tiny zero-dependency and framework-agnostic date picker that is incredibly easy to use! Compatible with any web UI framework, vanilla JS projects, and even HTML-only projects!

Nezar 1 Jan 22, 2021
🕑 js-joda is an immutable date and time library for JavaScript.

js-joda is an immutable date and time library for JavaScript. It provides a simple, domain-driven and clean API based on the ISO8601 calendar.

null 1.5k Dec 27, 2022