datepicker going wrong with .js and .aspx

jeff73230 · November 19, 2019

Hi everyone,

On a new project, i would like to prevent users from entering a date earlier than the first day of the month preceding the current month.
To be more precise, today (dd/mm/yy -> 19/11/19) i would like to prevent entering a date earlier than 01/10/19 (dd/mm/yy format).

When using following code. It works.

<!DOCTYPE html>
<html>
<body>
<p>Click the button to display first day of preceding current month.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>

<script>
function myFunction() {
  var dateMin = new Date();
  dateMin.setFullYear(dateMin.getFullYear(), dateMin.getMonth() - 1, 1);
  document.getElementById("demo").innerHTML = dateMin;
}
</script>

</body>
</html>

When i click on Try it button, on 19th november 2019, i've got Tue Oct 01 2019 (+ time) displayed.

But when using following code in my .js file :

var dateMin = new Date();

dateMin.setFullYear(dateMin.getFullYear(), dateMin.getMonth() - 1, 1);
$(function () {
    $("input[InputTypeCheck='DateSaisieMin']").datepicker({
        onSelect: function () { },
        dateFormat: 'dd/mm/yy',
        minDate: dateMin,
        changeYear: true,
        changeMonth: true
    },
        $.datepicker.regional['fr']).attr('readonly', 'readonly');
});

and following code in my .aspx file :

<p>
	<label class="LblLibelle">Date</label>
	&nbsp;&nbsp;                                   
	<asp:TextBox ID="txt_dateDeclaration" runat="server" InputTypeCheck="DateSaisieMin" AutoPostBack="true"></asp:TextBox>
	<asp:RequiredFieldValidator ID="rfv_dateDeclaration" runat="server" ControlToValidate="txt_dateDeclaration"
		Display="Dynamic" ErrorMessage="La date de l'absence est obligatoire" ValidationGroup="ajout"> 
	<label class="zoneObligatoire">&nbsp;*</label> 
	</asp:RequiredFieldValidator>
</p>

I was expecting to be unable to select a date in the datepicker prior to 01/10/2019, but this is not the case. The datepicker shows every month since August.

Can someone tell me where I made a mistake ?

Many Thanks to all.

Ingolme · November 19, 2019

I think minDate expects a string with a specific format. You just passed in a Date object. You need to generate a string something like this:

minDate: dateMin.getDate() + "/" + dateMin.getMonth() + "/" + dateMin.getYear(),

If that doesn't work, it's probably because you need to pad the day and month with zeroes on the left.

jeff73230 · November 19, 2019

Hi Ingolme,

Thanks for reply... but it did not work.
I still have every month since August (even after emptying history, cache and erasing cookies).
Should not it work even without having to set the day and the month with zeros on the left ????? By taking today as an example, the day or the month are made of two digits (I totally agree that if I had taken November 2 or 3 as an example it would not have worked).

Do you have some lines of code that I could use to try to set the day and month with zeros on the left ?

Thanks anyway 😉

Sign In

datepicker going wrong with .js and .aspx

Recommended Posts

jeff73230

Link to comment

Share on other sites

Ingolme

Link to comment

Share on other sites

jeff73230

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity