date picker format
Hi
in the simple contact form how do I change the date picker to dd/mm/yy tried doing it in the spry assets proporty but when I try it I get invalid format
thanks
Ian
Hi
in the simple contact form how do I change the date picker to dd/mm/yy tried doing it in the spry assets proporty but when I try it I get invalid format
thanks
Ian
to force the date picker to return the date formatted as dd-mm-yy, look for javascript code similar to this:
$(function(){
$('#Appointment_request_group_Best_day').datepicker({
changeMonth: true,
changeYear: true,
onClose: closeDatePicker_Appointment_request_group_Best_day
});
});
and add 'dateFormat: 'dd-mm-y',' just after the 'changeYear: true,' line:
$(function(){
$('#Appointment_request_group_Best_day').datepicker({
changeMonth: true,
changeYear: true,
dateFormat: 'dd-mm-y',
onClose: closeDatePicker_Appointment_request_group_Best_day
});
});
you will also need to change the line that initializes the spry element:
var Appointment_request_group_Best_day_Spry = new Spry.Widget.ValidationTextField("Appointment_request_group_Best_day_Spry", "date", {validateOn:["blur"]});
to:
var Appointment_request_group_Best_day_Spry = new Spry.Widget.ValidationTextField("Appointment_request_group_Best_day_Spry", "date", {validateOn:["blur"], format:'dd-mm-yy'});
$(function(){
$('#Appointment_request_group_Best_day').datepicker({
changeMonth: true,
changeYear: true,
onClose: closeDatePicker_Appointment_request_group_Best_day
});
});
$(function(){
$('#Appointment_request_group_Best_day').datepicker({
changeMonth: true,
changeYear: true,
dateFormat: 'dd-mm-y',
onClose: closeDatePicker_Appointment_request_group_Best_day
});
});
var Appointment_request_group_Best_day_Spry = new Spry.Widget.ValidationTextField("Appointment_request_group_Best_day_Spry", "date", {validateOn:["blur"]});
var Appointment_request_group_Best_day_Spry = new Spry.Widget.ValidationTextField("Appointment_request_group_Best_day_Spry", "date", {validateOn:["blur"], format:'dd-mm-yy'});
I have 5 instances of this in my code. Should I add the code you suggest after each one?
My code is:
$(function(){
$('#Wedding_Date').datepicker({
changeMonth: true,
changeYear: true,
onClose: closeDatePicker_Wedding_Date
});
});
this would mean you have 5 date pickers on the page, each instance of the code should be for a specific date picker, you will need to edit all 5 instances for them to all use the same date format.
Changed this and it now shows up as 10-05-12 but says 'Invalid format.' underneath and will not allow the form to send.
well, like i posted initially, you also need to edit the Spry validation lines to tell the spry validation to allow the new format.
Sorry. I forgot about that! :o
Works well now. Thanks.
This worked for me. I was having trouble getting the date picker to work with a mySQL database, which requires the date format to be yyyy/mm/dd. Date picker defaults to mm/dd/yyyy and mySQL rejects it. The solution in this thread allowed me to reformat the date, but is there a way to change the date format in the CSS Form extension so that I don't have to edit the code every time? Thanks!
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.