Datepicker, Chrome and web.config. Can't understand this.
Hi there.
I really need some help to figure out why Chrome is acting the way it is.
My header page consists of these js files:
jquery-1.9.1.js
jquery-ui-1.10.3.custom.min.js
jquery.ui.datepicker-pt-BR.js
myDatePicker.js (****)
jquery.maskMoney.min.js
jquery.validate.js
jquery.qtip.min.js
(****)
This is customized like this:
$(function () {
$('[id$=dataInicialTextBox]').datepicker({ // Begin date
autosize: true,
changeMonth: true,
changeYear: true,
numberOfMonths: 2,
yearRange: "2005:2025",
maxDate: 0,
showOn: "both",
align: "middle-center",
buttonImage: "../Images/Calendario.png",
buttonImageOnly: true,
duration: "fast",
onClose: function (selectedDate) {
$('[id$=dataFinalTextBox]').datepicker("option", "minDate", selectedDate);
}
});
$('[id$=dataFinalTextBox]').datepicker({ // End date
autosize: true,
changeMonth: true,
changeYear: true,
numberOfMonths: 2,
minDate: 0,
yearRange: "2005:2025",
showOn: "both",
align: "middle-center",
buttonImage: "../Images/Calendario.png",
buttonImageOnly: true,
duration: "fast",
onClose: function (selectedDate) {
$('[id$=dataInicialTextBox]').datepicker("option", "maxDate", selectedDate);
}
});
});
I use this [id$=dataInicialTextBox] because the all js files mentioned are inside a MasterPage.
And then, on a page I perform this validation (jQuery Validation Plugin v1.13.1 ):
<script type="text/javascript">
$(document).ready(function () {
$('[id$=TextBoxValor]').maskMoney({ thousands: '.', decimal: ',' })
$("#FormDBORC").validate({
rules: {
<%=dataInicialTextBox.UniqueID %>: {
required: true,
date: true
},
<%=dataFinalTextBox.UniqueID %>: {
required: true,
date: true
},
<%=TextBoxValor.UniqueID %>: {
required: true
}
}
});
});
</script>
I also have this directives inside this page and inside web.config:
1-) <%@ Page Language="C#" Uiculture="pt" Culture="pt-BR" %>
2-) In web.config, this section: <globalization uiCulture="pt" culture="pt-BR"/>.
It happens that I CANNOT choose a date with 'day' greater than 12 (twelve), because CHROME understands that the 'day' is ACTUALLY the 'Month', and gives me the error 'Invalid date' (Data Inválida).
It doesn't happen neither in Firefox (latest) or IE 10.
Any help, please. I'm just annoyed about this for a long time now. I just don't want to send the form without validationm which is 'pretty much' what I've being doing 'til now.
Regards all.