Search jQuery

jQuery Forum

Using jQuery UI

vikaspa

datepicker function enhancement (like date range) not working

in Using jQuery UI • 4 years ago

Dear Sir

refer

http://prajaktasoftware.com/adventchembio/rawmaterialenquirysearch.php

click on Last Date

Date picker is working

but

I am not getting result from setting

$( "#lastdt" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });// not working//

Minimum

maximum Date

<script>
$( function() { $( ".datepicker" ).datepicker();
$( ".datepicker" ).datepicker( "option", "dateFormat", "dd-mm-yy" );
$( "#lastdt" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });// not working//
$( "#lastdt" ).datepicker({ // not working//
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true,
buttonText: "Select date"
});
$( "#items_table [id*='delivery']" ).datepicker({ minDate: -30, maxDate: "+2M +1D" } );;
} );
</script>

Replies(6)

kbwood.au

Re: datepicker function enhancement (like date range) not working

4 years ago

A datepicker can only be initialised once, Thereafter you need to use the 'option' command to update its settings.

$(function() {
$('.datepicker').datepicker({dateFormat: 'dd-mm-yy'});
$('#lastdt').datepicker('option', {minDate: -20, maxDate: '+1M +10D',
showOn: 'button', buttonImage: 'images/calendar.gif',
buttonImageOnly: true, buttonText: 'Select date'});
$('#items_table [id*="delivery"]').datepicker('option', {minDate: -30, maxDate: '+2M +1D'});
});

vikaspa

Re: datepicker function enhancement (like date range) not working

4 years ago

dear Sir

Thanks a trillion

cannot imagine this

multiple application is not specified

vikaspa

Re: datepicker function enhancement (like date range) not working

4 years ago

Dear kbwood.au

following code as advised by you works great

$( ".datepicker" ).datepicker( "option", "dateFormat", "dd-mm-yy" );
$('.datepicker').datepicker({dateFormat: 'dd-mm-yy'});
$('#lastdt').datepicker('option', {
minDate: +0, maxDate: '+2M +10D',
showOn: 'button', buttonImage: 'images/calendar.gif',
buttonImageOnly: true, buttonText: 'Select date'});

tried (display dates for 2 months)

$('#lastdt').datepicker('option', {
numberOfMonths: 2 ,
showButtonPanel:true });

works like charm : thanks a gain to your valued guidance

but

following code is not working

I want to set today ->default value

$( ".datepicker" ).datepicker( "option", "defaultDate", "17-10-2017" );

I tried

$('#lastdt').datepicker( "option", "defaultDate", "2017-10-17" ); // default date in yyyy-mm-dd format

but no success

my code jquery code

<script>
$( function() { $( ".datepicker" ).datepicker();
$( ".datepicker" ).datepicker( "option", "dateFormat", "dd-mm-yy" );
$('.datepicker').datepicker({dateFormat: 'dd-mm-yy'});
$('#lastdt').datepicker('option', {
minDate: +0, maxDate: '+2M +10D',
showOn: 'button', buttonImage: 'images/calendar.gif',
buttonImageOnly: true, buttonText: 'Select date'});
$('#lastdt').datepicker('option', { // works fine
numberOfMonths: 2 ,
showButtonPanel:true });
$('#lastdt').datepicker( "option", "defaultDate", "2017-10-17" ); // doesnot work
$( "#items_table [id*='delivery']" ).datepicker({ minDate: -30, maxDate: "+2M +1D" } );;
} );
</script>

thanks in advance

waiting for your valued suggestion

kbwood.au

Re: datepicker function enhancement (like date range) not working

4 years ago

The defaultDate option needs to be provided in the current dateFormat, i.e. '17-10-2017'.

BTW, line 6 does nothing since you've already initialised the datepicker. You should remove the datepicker code from lines 3 and 5 and just keep line 6.

You should combine the options from lines 7 and 12 and 16 into a single call.

vikaspa

Re: datepicker function enhancement (like date range) not working

4 years ago

Dear Sir

I had made changes as follow

<script>
$( function() { $( ".datepicker" ).datepicker();
$( ".datepicker" ).datepicker( "option", "dateFormat", "dd-mm-yy" );
$('.datepicker').datepicker({dateFormat: 'dd-mm-yy'});
$('#lastdt').datepicker('option', {
minDate: +0, maxDate: '+2M +10D',
showOn: 'button', buttonImage: 'images/calendar.gif',
buttonImageOnly: true, buttonText: 'Select date',
defaultDate: "17-10-2017" } );
// $('#lastdt').datepicker("setDate", new Date(2017,01,01) );
$( "#items_table [id*='delivery']" ).datepicker({ minDate: -30, maxDate: "+2M +1D" } );;
} );
</script>

however this script donot set default value

however following code does

the task is done

still

cannot understand

why

<script>
$( function() { $( ".datepicker" ).datepicker();
$( ".datepicker" ).datepicker( "option", "dateFormat", "dd-mm-yy" );
$('.datepicker').datepicker({dateFormat: 'dd-mm-yy'});
$('#lastdt').datepicker('option', {
minDate: +0, maxDate: '+2M +10D',
showOn: 'button', buttonImage: 'images/calendar.gif',
buttonImageOnly: true, buttonText: 'Select date',
defaultDate: "17-10-2017" } );
$('#lastdt').datepicker("setDate", new Date(2017,01,01) ); // activated this line and date os displayed
$( "#items_table [id*='delivery']" ).datepicker({ minDate: -30, maxDate: "+2M +1D" } );;
} );
</script>

kbwood.au

Re: datepicker function enhancement (like date range) not working

4 years ago

The defaultDate option only specifies which date is initially highlighted if the calendar is opened with no other date selected. It doesn't update the field value. Using the 'setDate' command does change the field value.

Note that the Date constructor counts months from 0, so your date above is actually February 1, 2017.

Top Reply

Response title

Attachments

jQuery Forum

datepicker function enhancement (like date range) not working

Replies(6)

Re: datepicker function enhancement (like date range) not working

Re: datepicker function enhancement (like date range) not working

Re: datepicker function enhancement (like date range) not working

Re: datepicker function enhancement (like date range) not working

Re: datepicker function enhancement (like date range) not working

Re: datepicker function enhancement (like date range) not working

Statistics

Tags

Actions