Versatile DatePicker control which satisfies these requirements - asp.net

I am looking for a ready made control, ASP.NET server control or jQuery, or close enough which satisfies these requirements for a ASP.NET app:
1- Supports a year view (can display 12 months).
2- Ability to select a date range using Click on start date - shift click on end date and it selects all the days in between.
3- A date range can span more than one month. Start date can be in one month and end date in another month and it selects all days in between.
4- Can deselect a day inside a selected range (using ctrl-click).
5- Can select multiple individual days using ctrl-click. (Can do this across 12 months).
6- Can select multiple date ranges. (none of the controls I know supports this. When I select another date, the days in the older range disappear)
7- Selected dates will be saved in a database and I need to support ability to display previously selected dates when page renders the datepicker.
8- Need source code to be able to customize
There probably doesn't exist a control which does all this. The closest ones I have found so far:
1- JS Calendar. Can't select more than one date range. Can't display more than one month?
2- DatePicker. Can't select more than one date range. Can't multiselect.
3- Telerik RadCalendar. All I know I can multiselect. No date range. Need to purchase whole ASP.NET suite.

The one from EssentialObjects.com did it. The one from about.com was second. Telerik's datepicker does a postback every time I changed the month which I didn't like.

Related

List view - Select a specific day

I am using the calendar in list mode and a question has arisen. Can I select a specific day?
In the list mode I have a full month loaded, but when I enter for the first time I would like to select a specific day, by default, the day we are on.
Thanks for the comments, but what I need is to show all the information, and be positioned on a specific day, not always on the first day that has information, usually on day 1 of the selected month
It's possible?
Day view
list view
I used the method ".fullCalendar ('gotoDate', moment (" 30/10/2018 "," DD / MM / YYYY "))". In the rest of the views it works correctly but in the list mode the information of that day is not shown but it continues to appear on the day 01/10/2018.
Thank you

zettwerk.fullcalendar - Is it possible to limit selection to one day in whole-day selections/month view?

I'm using zettwerk.fullcalendar in a Plone Site and I am trying to restrict 'day' selections (i.e. Month View seletions and whole day selections) to 1 day.
Other questions mention enableConstract and selectConstraint.
How to limit timeslot selection to one day in Fullcalendar Jquery?
So I tried two approaches, in setting defaultCalendarOptions, I added:
'enableConstraint':{'start':'00:01',
'end':'23:59'
}
I could still select multiple days, so I tried:
'selectConstraint':{'start':'00:00',
'end':'23:59',
}
Unfortunately, that did not work either.
Is it possible or is selectConstraint/enableConstraint only for limiting the selection of hours?
The version of fullcalendar being used by zettwerk.fullcalendar is 1.6.4.

AngularJS datepicker change day item CSS

I'd like to use the http://angular-ui.github.io/bootstrap/#/datepicker.
Also, I have e.g. a the Events list for, let's say - 12th January
Is it possible to change e.g. the color of that day in the datepicker that I can see that for that day some events exist ?
the reason is, I'd like to give the opportunity for users to be aware whose days contains any Events
I've found that plugin https://github.com/eternicode/bootstrap-datepicker (in the demo, set the 'multidate' textbox value to true).
Moreover, that plugin offers the method to select many dates.
That's exactly I was looking for

Using dates from database column with calendar control

I'm trying to work with the ASP calendar control and (for starters) highlight the specific days on the calendar that matches DueDate in the 'task' table. I know how to highlight a cell using the DayRender event, but how do I do this in accordance to the database table?
Would then also like to be able to click on the highlighted cell and see details of the task associated to that date in some sort of box next to the calendar.
Any pointers on how I can solve this?
Pseudo-code:
Determine your desired date range (probably a certain month)
Read all the tasks that have due dates within that date range (probably need Name and DueDate at least)
In your DayRender handler you check if current day's date exists in the loaded tasks's due dates, if it does, highlight it with the color of your choice
In you SelectionChanged handler you obtain the selected day's date, and look through the loaded list of tasks for any tasks that have that date as their due date, and populate whatever box with those tasks.

How to create only a week calendar with previous and next week buttons

I am really stucked at this.what i want is that there should be 6 table cells in which i should have days with date. like
Monday 4/3/2013 Tuesday 5/3/2013 and so on till saturday
.i have two more buttons,previous week and next week button.. it should automatically show next week when i click the next week button and should show the previous week whenever i press the previous button..
also the i need to take the value of days/month and year so that i can use them in where clause in my sql query..pls its urgent can anyone help me with this...
im providing a link you can see what exactly i want by visiting this link
www.test.ginormous.in/dinesmart/Filestore/Food/Capture.png
i am just giving you the outline as posting the whole code is not possible.
create an asp:panel in your aspx page
try generating the table structure dynamically inside that panel by writing myPanel.innerhtml = "(your html structure generated in a string)"
use theDate.AddDays(7 - (int)theDate.DayOfWeek) to get the date for this weeks sunday.(where theDay is the current date or the date given by you and change 7 to 6 if you want it for monday as this returns date for sunday etc..)
on previous and next click you can add or subtract 7 days from the first day of the weel that is generated above.
hope this helps you.

Resources