Search jQuery

jQuery Forum

david.ros..

Datepicker date object contains value one month less than selected

in Using jQuery UI • 8 years ago

JS FIDDLE HERE: http://jsfiddle.net/vhabhsrosed/jawc1uuj/

I am using the datepicker and it displays the correct date in it's window but the date object has the same date but with a month prior to the date actually selected. I can't see what I am doing wrong in the code. I tried using the object.setDate "+1m" to correct but probably don't know how to do this. Can anyone see what is wrong with my code that results in this.

if I dispaly

10/28/2014

in the datepicker window

using:

var PassDate = obj.selectedYear+"-"+ obj.selectedMonth +"-"+ obj.selectedDay ;

gives me

9/28/2014

as my variable value.

Here is the code block for the datepicker i am using:

$.datepicker.setDefaults({

beforeShow: function(input) {

$(input).css('background-color','#C5F5A2');

onSelect: function(dateText, obj) {

$(this).css('background-color','');

//$(this).datepicker( "setDate", "+1m" );

onClose: function(dateText, obj) {

var PassDate = obj.selectedYear+"-"+ obj.selectedMonth +"-"+ obj.selectedDay ;

// alert("\n\nMy New Pass Variable Date: "+ obj.selectedYear+"-"+ obj.selectedMonth +"-"+ obj.selectedDay) ;

//alert("PassDate varuable= " + PassDate );

$(this).css('background-color','');

$("#showPassDate").text(PassDate);//THIS IS WHAT PASSES THE DATE TO THE SP SERVICE via html SO MUST HAVE FOR NOW

// $( "#showPassDate" ).html( "<p><b>Meeting Date: </b></p>" + PassDate );//THIS IS WHAT PASSES THE DATE TO THE SP SERVICE via html SO MUST HAVE FOR NOW

$("#xCalendarTable2").show();

// NEED METHOD TO TAKE ITEM OFF AGENDA SET DATE TO BLANK

showOn: 'button',

buttonText:'Show Date',

dateFormat: 'DD, d MM, yy',//

//dateFormat: 'yyyy-MM-DD',//

buttonImage:'https://myWebSite/sites/localresearch/JQUERY/img-Calendar.png',

numberOfMonths: 3,

showButtonPanel: true,

constrainInput: true,

autoSize: true,

//defaultDate: null

duration: 'fast',

goToCurrent: false,

minDate: '-0', // The min date that can be selected, i.e. 30 days from the 'now'

maxDate: '+2m +1w +1d', // The max date that can be selected, i.e. + 1 month, 1 week, and 1 days from 'now'

altField: '#alternate',

altFormat: 'DD, d MM, yy'

});

$(function() { //CODE TO VARY CAL ANIMATION

$( "#datepicker" ).datepicker();

$( "#datepicker" ).datepicker( "option", "showAnim", "blind" ); //CANT PUT THIS IN INSTANTIATION LIST

$(".ui-datepicker-trigger").mouseover(function() {

$(this).css('cursor', 'pointer');

});//END MOUSEOVER doesnt work needs to be part of datepicker function

});

Replies(4)

coldfusio..

Re: Datepicker date object contains value one month less than selected

8 years ago

Hi Dave,

Seems to me the month indexing begins at zero for the object returned so try this code in a web browser:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Restrict date range</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker({ minDate: -200, maxDate: "+1m" ,
onSelect: function(value, date) {
var adjusted_month = date.currentMonth + 1 // Indexing begins at 0 so Jan =0 AND Aug =7 so add 1
console.log(adjusted_month) ;
}
});
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>

david.ros..

Re: Re: Datepicker date object contains value one month less than selected

8 years ago

HI CFG,

Thanks for the fix. I'm surprised months are indexed at '0.' but in my example it certainly behaves like this. When i look at their examples in the API I don't see where they are accomodating for this.

dave

coldfusio..