Open In App

jQWidgets jqxCalendar setDate() Method

Last Updated : 25 Jul, 2021
Improve
Improve
Like Article
Like
Save
Share
Report

jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful and optimized framework, platform-independent, and widely supported. The jqxCalendar represents a jQuery calendar widget that enables the user to select a date using a visual monthly calendar display.

The setDate() method is used to set the current month displayed in the Calendar. This method accepts single parameter ‘date’ of type ‘Date/String’. It does not return any value.

Syntax:

$("selector").jqxCalendar('setDate', Date);

 

Linked Files: Download jQWidgets from https://www.jqwidgets.com/download/ link. In the HTML file, locate the script files in the downloaded folder:

<link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” />

<script type=”text/javascript” src=”scripts/jquery-1.11.1.min.js”></script>

<script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script>

<script type=”text/javascript” src=”jqwidgets/jqxdatetimeinput.js”></script>

<script type=”text/javascript” src=”jqwidgets/jqxcalendar.js”></script>

<script type=”text/javascript” src=”jqwidgets/globalization/globalize.js”></script>

<script tyle=”text/javascript” src=”jqwidgets/jqx-all.js”></script>

The below example illustrates the jqxCalendar setDate() method in jQWidgets:

Example:

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
    <link rel="stylesheet" href=
        "jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" 
        src="scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" 
        src="jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" 
        src="jqwidgets/jqxdatetimeinput.js"></script>
    <script type="text/javascript" 
        src="jqwidgets/jqxcalendar.js"></script>
    <script type="text/javascript" 
        src="jqwidgets/globalization/globalize.js">
    </script>
    <script tyle="text/javascript" 
        src="jqwidgets/jqx-all.js"></script>
</head>
  
<body>
    <center>
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
  
        <h3>
            jQWidgets jqxCalendar setDate() Method
        </h3>
  
        <div id='jqxcal'></div>
        <br>
        <input type="button" id='jqxBtn' 
            value="Set Date" style="padding: 8px 25px;" />
    </center>
  
    <script type="text/javascript">
        $(document).ready(function () {
            $("#jqxcal").jqxCalendar({
                width: '400px',
                height: '300px'
            });
  
            $('#jqxBtn').on('click', function () {
                $('#jqxcal').jqxCalendar(
                    'setDate', new Date(2022, 0, 1)
                );
            });
        });
    </script>
</body>
  
</html>


Output:

Reference: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxcalendar/jquery-calendar-api.htm



Similar Reads

jQWidgets jqxDateTimeInput setDate() Method
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxDateTimeInput widget is a jQuery datetimeinput that is used for selecting the date or time using a displayed calendar or by using the keyboard. The setDate()
2 min read
jQuery UI Datepicker setDate() Method
jQuery UI datepicker setDate() method is used to set the date from the date field. The setDate method can be called by passing the default date you want to set. You can pass today as an argument to set the date with the current date. Syntax:$( ".selector" ).datepicker( "setDate" )Parameters:It accepts a parameter that sets the date to be shown. Ret
2 min read
JavaScript Date setDate() Method
The setDate() method in JavaScript is used to set the day of the month for a specified date object, according to local time. It allows you to update the day part of the date without changing other parts like month and year. Date setDate() SyntaxdateObj.setDate(date_Value);Date setDate() ParameterThis method accepts a single parameter as mentioned a
2 min read
PHP | DateTime setDate() Function
The DateTime::setDate() function is an inbuilt function in PHP which is used to reset the current date of DateTime object with the given date-time object. Syntax: Object oriented style: DateTime DateTime::setDate( int $year, int $month, int $day ) Procedural style: DateTime date_date_set( DateTime $object, int $year, int $month, int $day ) Paramete
2 min read
PHP | DateTimeImmutable setDate() Function
The DateTimeImmutable::setDate() function is an inbuilt function in PHP which is used to set a new date in the created DateTimeImmutable object. Syntax: DateTimeImmutable DateTimeImmutable::setDate( int $year, int $month, int $day ) Parameters: This function accepts three parameters as mentioned above and described below: $year: This parameter hold
2 min read
jQWidgets jqxCalendar focus() Method
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful and optimized framework, platform-independent, and widely supported. The jqxCalendar represents a jQuery calendar widget that enables the user to select a date using a visual monthly calendar display. The focus() method is used to
2 min read
jQWidgets jqxCalendar getMinDate() Method
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxCalendar represents a jQuery calendar widget that enables the user to select a date using a visual monthly calendar display. The getMinDate() method is used t
2 min read
jQWidgets jqxCalendar destroy() Method
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful and optimized framework, platform-independent, and widely supported. The jqxCalendar represents a jQuery calendar widget that enables the user to select a date using a visual monthly calendar display. The destroy() method is used t
2 min read
jQWidgets jqxCalendar clear() Method
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful and optimized framework, platform-independent, and widely supported. The jqxCalendar represents a jQuery calendar widget that enables the user to select a date using a visual monthly calendar display. The clear() method is used to
2 min read
jQWidgets jqxCalendar refresh() Method
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful and optimized framework, platform-independent, and widely supported. The jqxCalendar represents a jQuery calendar widget that enables the user to select a date using a visual monthly calendar display. The refresh() method is used t
2 min read