Home/ Questions/Q 9080335
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T20:03:28+00:00

i face a problem where to display the calendar when the page loads and

  • 0

i face a problem where to display the calendar when the page loads and select the date and assign it to a variable. the calendar should not be hidden after selecting the date because user can select another date if required.

this is my html :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Date</title>
<script type="text/javascript" src="cal.js"></script>

</head>
<body>
 <td width="65%" colspan="2" class="textfieldalign">                                                        
<input type="hidden" name="regddate" id="regddate" maxlength="10" >
<div id="datePi" ></div>
</td>
</body>
<script>

onLoadInitCalendar();
function onLoadInitCalendar(){     
scwShow(document.getElementById('datePi'),'onClick','');return false;
}

</script>     
</html>

i have used cal.js i am not able to past the code here.

here is the sample how the calendar should look like.
enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to have a look at inline datepicker

    Eg: Assign it on a div :


$(function() {
    $( "#datepicker" ).datepicker( {
        dateFormat: "dd/mm/yy",
        onSelect: function(date, picker){
            funcCall(date);  //call you function here
        }
    });
});
function funcCall (date){
    alert('your function called with date= '+date);
}

    Fiddle

    • 0