Date Picker in a Tabular Form

Question

Is there a way to use the minimum and maximum dates in date picker in a tabular form? It does not appear that this is available in a tabular form and I am finding it very difficult to come up with a way to limit the date selection to a particular month when using the tabular form. Any suggestions would be appreciated.

Answer 1

I hadn't accounted for the addRow, and datepickers on newly added rows are indeed not restricted. Datepickers on existing rows are still being restricted, but since you had no rows there anymore you could only add rows.
Could it be that in your local solution you have no rows too, and thus can only add rows, which has no date restriction?
To restrict the datepicker for new rows I changed the "Add Row" button's URL. In 4.2 I'd set it to be defined by a dynamic action, but since you're on 4.0 I set the URL to:
javascript:myAddRow();In the page edit i added this to "Javascript > Function and Global Variable Declaration"
function myAddRow(){
apex.widget.tabular.addRow();
$("td[headers='DETAIL_DATE'] input:last")
.datepicker("option","changeMonth",false)
.datepicker("option","minDate",$v("P2_MASTER_MONTH_MINDATE"))
.datepicker("option","maxDate",$v("P2_MASTER_MONTH_MAXDATE"));
};This will first add a new row, and then the restriction will be applied to the last input item matching the selector. Indeed, on your local instance you will have to change the "apex.widget.tabular.addRow()" to just "addRow();", since the apex.widget.tabular namespace is new in 4.2.
Some more notes of importance:
- the column header: in the demo your column is "DETAIL_DATE". If this column is called differently in your local solution, you will need to change the jQuery selector to reflect this!
- the P2_MASTER_MONTH_MIN/MAXDATE columns do some date arithmetic. It is important to take a look at their value if the datepicker is not being restricted, and also what language your application runs in. The default english application will set a date format for the jQuery datepicker to be dd-M-y, and it will take '01-JAN-2013' as a valid value. If your field however would contain something like '01/01/2013' it would not work. So for safety, take a look at the values of these items!