Comments on: Inline jQuery datePicker and Rails

By: confucius

confucius — Sun, 25 Jul 2010 14:14:01 +0000

You can also use this with formtastic:
http://blog.brzezinka.eu/webmaster-tips/ruby/ruby-on-rails-formtastic-jquery-ui-datepicker/comment-page-1#comment-48

By: aka sing

aka sing — Fri, 25 Sep 2009 09:35:00 +0000

Hi Guys,
I have one query regarding the date picker. When I click on the inline calender which is already one selected date present,to pick a date, after selecting the new date when I do cancel, next time when I open this calender once again, it shows me the newly selected date, which I dont want. When I am doing cancel it should show me old selected date

By: The Ultimation

The Ultimation — Tue, 04 Aug 2009 20:56:10 +0000

I dunno about you, but I tried this and it didnt work. I figured out that the datepicker.js also requires the date.js library from here: http://code.google.com/p/jqueryjs/source/browse/trunk/plugins/methods/date.js

By: Luvi

Luvi — Wed, 14 Jan 2009 08:17:17 +0000

I have the same problem with sushil, but I haven’t found the solution yet. Please helping. Thx!

By: sushil

sushil — Wed, 24 Dec 2008 15:24:56 +0000

Hey i guyz i need your help,
I have a text field and the inline date picker whenever i click on the date in the datepicker it gets populated as expected, the datepicker and the text field are in a pop up window, now here is the problem i want the inline datepicker to select date which is in the text field (the value to the text field is provided by its parent window) but currently the inline datepicker selects the current days date whenever the pop up window is launched and yes i tried the attribute ‘dateText’ but its of no help this applies only for the dialog datepicker.
Any help is appreciated
Thanx!!!

By: AppeampClaGe

AppeampClaGe — Sun, 10 Aug 2008 16:33:23 +0000

Thanks !

By: Justin

Justin — Wed, 23 Jul 2008 15:49:50 +0000

If you mean that you want to set the start date of the datepicker, to not allow the user to pick a date earlier than the start date, then you just use the startDate attribute as follows:

$(‘#date-picker’).datePicker({inline:true, startDate: ’2008-01-01′})
.bind(
‘dateSelected’,
function(e, selectedDate, $td)
{
$(‘#event_occurred_on’).val(selectedDate.asString());
}
);

If you want to set the default date of the hidden text field to today, do:
$(‘#event_occurred_on’).val(new Date().asString());

By: Natthew

Natthew — Wed, 23 Jul 2008 15:34:17 +0000

I found a solution, but I can’t seem to post anything with js in it. Basically I used “month” and “year” options in the datePicker function to set the correct starting day and month, and than used jquery each function to go through every td .current-month and check its text() value against the day in question. Once it finds it, it triggers its click event.

By: Natthew

Natthew — Wed, 23 Jul 2008 15:32:37 +0000

I got it working. First starting datepicker to display the correct month:

[code]
$('#eventDate').datePicker({inline:true,startDate:'2006-01-01',month:js_month;?>,year:js_year?>})
[/code]

then triggering click on the correct day:

[code]
$.each($("td .current-month"), function(){
if($(this).text() == js_day;?>){
//alert($(this).text());
//alert($(this));
$(this).click();
}
});
[/code]

By: Natthew

Natthew — Wed, 23 Jul 2008 15:30:41 +0000

I got it working:
(I am using PHP)
Here is how I initiate the datepicker:
$(‘#eventDate’).datePicker({inline:true,startDate:’2006-01-01′,month:js_month;?>,year:js_year?>})

Which displays the appropriate month. Then I select the correct date:

$.each($(“td .current-month”), function(){
if($(this).text() == js_day;?>){
//alert($(this).text());
//alert($(this));
$(this).click();
}
});