JQuery :: DatePicker - Only Select Certain Dates?
Aug 12, 2009
I'm using JQuery and the DatePicker (or trying to) and have hit a brick wall.
I can't seem to figure out how to provide a list of acceptable dates. I know there is a way to provide a date range but I want to provide a list of dates that can be selected.
I.e. there may be only Thursdays and Fridays, so this month the acceptable dates would be:
8/6/2009
8/7/2009
8/13/2009
8/14/2009
8/20/2009
8/21/2009
8/27/2009
8/28/2009
I'd like ONLY those dates to be able to be selected. Is this possible? If so, how would I configure the datepicker?
View 2 Replies
ADVERTISEMENT
Dec 13, 2010
I've used jQuery's datepicker in the past to choose start/stop dates for a single record. Now I'd like to create a page where I can use the datepicker to choose start/stop dates for multiple records. You can see a stripped down version of my code at [URL]. I have start/stop dates for three records and would like to use the datepicker to let the user change the default date. I currently have an icon next to the start times and if you click on it it pops up a datepicker element for the top record where you can select a date and it'll be posted.
My problem is that I'm not sure how to generalize the code to let it work correctly for the 2nd and 3rd records. I'd like to keep just one function to handle the hide/show so that I can later let the user add additional records to the list and also let it be intelligent enough to handle it. I don't have much experience with the proper way to create name/id selections that javascript will then know which fields it needs to edit. A minor problem that I noticed is that the calendar seems to push the time over to the right even though the row it is in should span two columns. What am I doing incorrectly that is causing this?
View 3 Replies
View Related
Dec 6, 2009
I an using the datepicker, [URL] . Does anybody know if there is a way for me to configure this so it will only show Mondays ? Basically I want a user to select a date, but the date must be a monday.
View 4 Replies
View Related
Dec 9, 2009
I'm trying to format the dates from datapicker to be only displayed in the certain weekday period. For example, I would like to choose only Tuesdays in 3-month period (3-month period can be done by setting minDate and maxDate variables in jquery). But how to highlight in this period only Tuesdays (other days should be inactive)? Is it possible?
View 2 Replies
View Related
Feb 15, 2012
I found this code to disable dates in jquery datepicker
$(function() {
$( "#pickdate" ).datepicker({
dateFormat: 'dd MM yy',
beforeShowDay: checkAvailability
});
})
for the datepicker stuff, and then:
[Code]....
This code works except only the last entry of the database table is disabled in the datepicker. I guess $myBadDates = new Array(json[i].start); isn't the right code of creating an array from json? How do I create an javascript array from json?
View 9 Replies
View Related
Nov 20, 2010
I am a beginner in JQuery DatePicker usage. I need to show a datepicker control in my JSP page in which some of the selective dates will be available for selection. How can I enable these selective dates in my JQuery datepicker control.
View 1 Replies
View Related
May 15, 2009
Does anyone know if it's possible to preselect/highlight multiple dates within the jquery datepicker? I would like to pass an array of dates to the datepicker to highlight them.
View 1 Replies
View Related
Oct 13, 2010
I am using the jQuery UI Datepicker - Event Search.
I want to disable specific dates only. For example, I want to disable the following dates only:
Code:
10th Oct 2010
21st Oct 2010
12th Nov 2010
searched in google and found one page which promised to deliver what I was looking for. But unfortunately it does not seem to work. If you look into its demo, it has disabled ALL dates.
View 7 Replies
View Related
Sep 28, 2010
I am using smarty and jquery and have got a little problem with the jquery datepicker with restricted date range. min- and max-date are coming via smarty, and i can't figure out how to pass those to the Date-Object.
Here is what i've tried so far:
View 2 Replies
View Related
May 12, 2011
I have searched Datepicker, the forums and the internet in general to find the way to determine the number of days between two dates using Datepicker. My inputs are named: Starts, Ends, Days. I found the code below, but cannot get it to work.
// calculates reservation duration
function resDuration(#Starts, #Ends) {
var date1 = new Date(#Starts.value);
var date2 = new Date(#Ends.value);
var minutes = 1000*60;
var hours = minutes*60;
var days = hours*24;
var diff = Math.abs(date2.getTime() - date1.getTime());
return round(diff / days);
}
/* put that value in elapsed days field */
$('#Days').val(diff);
I will then do validation on the result - input field "Days".
View 4 Replies
View Related
Sep 13, 2011
I'm trying to implement a datepicker that disable the dates from a database. The problem I've is that I don't really understand what must I return. I'm using VB (2010) and SQL Server. To do it fine I'm using JQuery to call a page method that return a value (0 or 1) depending if that date it's or not on the database. The problem I've is that I don't know (I don't understand) how to do the array I must return to the datepicker. I've been looking the page of jquery but I don't understand it at all.
I don't understand what value must val has to make a day available or not...
View 2 Replies
View Related
Aug 20, 2009
<script type="text/javascript">
$(function() {
$('#myDiv').dialog();
$('#myDiv').dialog(open);
[code]....
When dialog pops up and when I want to select date from datepicker but clicking on input datepicker is under dialog. What option make it to be on top ?
View 1 Replies
View Related
Dec 7, 2009
I an using the datepicker, [URL]. Does anybody know if there is a way for me to configure this so it will only show Mondays? Basically I want a user to select a date, but the date must be a monday. I am using the following code
Code:
$(function() {
$('#inputdate').datepicker({
changeMonth: true,
changeYear: true,
selectWeek:true
});
$('#inputdate').datepicker('option', {dateFormat: 'dd/mm/yy'});
});
This works fine for everydate. I recently found this piece of code, and I want to know how to integrate this code with the code above.
Code:
onlyMondays: function(date){
var day = date.getDay();
return [(day == 1), ""]
}
View 3 Replies
View Related
Jan 26, 2009
I'm trying to get a select box to automaticly populate the year ranging from 2008 to the current year + two years.Below I've put the code I've got so far which populates it with the current year plus two years so for example at the moment it shows 2009, 2010 & 2011. Next year it would show 2010, 2011, 2012 but I need it to start at 2008 so this year it would show 2008, 2009, 2011 & 2012 and next year 2008, 2009, 2011 & 2012.
Code:
<script type="text/javascript">
var year = new Date();
var nextYear = year.getFullYear()+1;
var nextYear2 = year.getFullYear()+2;
[code]....
View 1 Replies
View Related
Oct 11, 2009
Any expert here know how to allow select only month and year only?
By removing the day selector.
I just want to show something like "OCT 2009", etc.
View 2 Replies
View Related
Feb 16, 2011
When datepicker closes the calendar window I'd like to pass both the date and the id of the <input> tag in the code below. The documentation mentions 'this' but no info on how to use it or how to use 'inst'.
View 1 Replies
View Related
Jun 23, 2009
I use datepicker UI. Is it possible to be selected multiple events, dates taken from a mysql with PHP?
View 1 Replies
View Related
Aug 31, 2010
To change the following function,to coonect to MSSQl database, what I want is to select dates from MSSQl,not in the script as it is now.
View 3 Replies
View Related
Aug 11, 2010
I would like to use a radio button to control the datepicker so that it changes the days that can be selected.
i.e. radio choice 1 - user can only select four days in advance. radio choice 2 - user can only selecttwo days in advance. radiochoice 3 - user can only selectone day in advance.
I am using the Keith Wood version of the datepicker : [url]
This is the code I am currently using for four days:
View 11 Replies
View Related
Dec 5, 2010
Im currently working on a project that requires me to use jquery that i have never learnt before. I have downloaded the library online. How can i change the datepicker calendar to able to select multiple date at one time?
View 1 Replies
View Related
Mar 3, 2009
I'm trying to get Xin's Popup Calendar -- [url]-- to work with the following form:
I need the dates to fill the month select field, the year select field, and the date text field but I cannot understand how to do this, I'm very new at javascript.
View 1 Replies
View Related
Aug 30, 2010
where I can get a Date and Time Picker that will only allow to choose current dates instead of past dates written in Javascript or JQuery?
View 5 Replies
View Related
Jun 16, 2011
I've seen a variety of implementations around that enable selecting all or no checkboxes by using a checkbox to toggle that choice. However, I'm trying to find a way like this: I have two text links on my page: Select All, and Select None. How can I get those links to call a jquery function to select all or select no checkboxes in my form? As a little food for thought:
<head>
$(function() {
//function for selecting all or none...is there a way to make a single function that passes in a parameter to differentiate between selecting all or selecting none, or do I need a separate function for both?[code]....
View 2 Replies
View Related
Jul 31, 2009
me what I may be doing wrong here?
var dateList = new Array();
dateList.push(new Date(2009,7-1,29));
dateList.push(new Date(2009,7-1,30));
[code]...
View 2 Replies
View Related
Oct 1, 2010
I am working on a form where users enter a Start Date and an End Date via a pop up calendar using JavaScript. This works well. From the results of that data, I need to
1) Calculate the number of days + 1;
2) Multiply #1 by $25 to get the amount allocated for meals - and I need it done dynamically.
Now, I can get this to work using onblur in the two input fields for the dates, but that means users would have to put the focus within the input fields after they've done the calendars and tab or click else where in order for the values to take effect and the javascript to calculate the correct values for meal. It was suggested to try to use jquery, which I have been trying to no avail and I'm just wondering if I am doing this wrong. I thought .trigger or .triggerHandle would do it, but nothing seems to happen.
Here's my script I'm trying to use to activate these scripts:
<script type="text/javascript">
$("#en_date").blur(function() {
$("#input25").triggerHandler("blur");});
$("#input25").blur(function() {
$("#en_date").trigger("blur");
}
</script>
My input fields have this:
<br /><b>* Start date - </b>
<input type="text" id="st_date" name="st_date" maxlength="25" size="25" value="<?php echo $st_date; ?>" onblur="cal7();" />
<a href="#" onClick="cal13.select(document.forms[0].st_date,'st_date','yyyy-MM-dd'); return false;" TITLE="cal13.select(document.forms[0].st_date,'st_date','yyyy-MM-dd'); return false;" NAME="st_date" ID="st_date">
<img src="images/cal.gif" border="0" width="16" height="16" alt="Pick a date" />
</a><br />
<b>* End date - </b> .....
The End Date is tied to the Start Date, as you can tell above. For the calendar, I am making it launch with this command:
<SCRIPT LANGUAGE="JavaScript" ID="js13">
var cal13 = new CalendarPopup();
</SCRIPT>
I've tried just using a simple if/then statement within my javascript that calculates the values, but it doesn't launch automatically, which is my problem, and it should launch immediate after the "End Date" variable has been entered. Everything else works.
View 1 Replies
View Related
Sep 6, 2011
I have a feeling this is going to get ugly quick but here goes. I havetable rows with dates (IE: Sunday, January 1, 2011). I need to be able to "clone" the rows with this caveat. I need to recalculate the number of rows based on a day/week combination.. ex: September 1st 2011 falls on a Thursday so my pattern would look like this:
[Code]...
View 6 Replies
View Related
