JQuery Datepicker Dropdown loses date, textbox ok


I have a content form with the jQuery datepicker.
The related textbox is within an updatepanel.
I have the dropdown, dropping down after a postback, but the dropdowns date is the original date.

For example,
Open the form, the default date is today set using (defaultDate: +0)  (i.e. December 8, 2011).
I click the textbox to open the datepicker dropdown and select a new date, like July 7, 2011.  The textbox shows the correct date.  No problem so far.
When I go back and click again on the textbox, the datepickers dropdown's selected date is the original date (i.e. December 8, 2011) while the textbox date is what it's supposed to be July 7, 2011.
How do I get this working?
Thanks
<script src="../Scripts/jquery.datepick.min.js" type="text/javascript"></script>
    <script type="text/javascript">

       $(function() {
       

          $('#ctl00_ContentPlaceHolder1_txtCalendar').datepick({ defaultDate: +0, dateFormat: 'DD, M. dd, yyyy', selectDefaultDate: true,
             onSelect: function() {
                this.fireEvent && this.fireEvent('onchange') || $(this).change();
             }
          });

          Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

          function EndRequestHandler(sender, args) {
             $('#ctl00_ContentPlaceHolder1_txtCalendar').datepick({ dateFormat: 'DD, M. dd, yyyy',
             onSelect: function() {
                   this.fireEvent && this.fireEvent('onchange') || $(this).change();
                }

             });

          }

       });

      
 </script>

Open in new window

SheritlwAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

chaitu chaituCommented:
paste your screen shot here..
0
yeelokhkCommented:
what do you mean "When I go back and click again on the textbox," ?? do you mean that you first select a data, then when you try to select it once again it problems?
0
SheritlwAuthor Commented:

Sorry for not being clear.
The datepicker dropdown's date is not corresponding to the previous selected date.
I've attached a picture, I hope that helps.
Thanks
DatePicker-Error.png
0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

yeelokhkCommented:
"When I go back and click again on the textbox,"  mean you click on another tab and then go back to this page. then find that the date in the datepicker is wrong?
0
chaitu chaituCommented:
you mean to say drop down date should be selected as July 20,2011 same as text box date.
0
chaitu chaituCommented:
you mean to say drop down date should be selected as July 20,2011 same as text box date.
0
SheritlwAuthor Commented:

None of those examples have anything to do with the datepickers dropdown.

Any other ideas?

Thanks
0
chaitu chaituCommented:

you mean to say drop down date should be selected as July 20,2011 same as text box date.
0
SheritlwAuthor Commented:

Yes, that is the way it is supposed to work.  There is something in my Javascript code that is messing it up.  
I don't know enough about jQuery/Javascript to figure it out.
0
chaitu chaituCommented:
is it possible to attach your HTML code that you have done so far?
0
SheritlwAuthor Commented:

I'm sure the problem has to do with masterpages and the update panel.  I just don't know how to fix it.
The date is selected, which causes a postback.  I have the javascript that rebuilds the datepicker and forces the datepicker to set the date in the textbox.
Without the update panel it works fine.  With it ......   I need to know how to use it with an update panel.

Thanks
0
chaitu chaituCommented:
is it possible to attach your HTML code that you have done so far?
0
SheritlwAuthor Commented:

I pasted the code below.

Thanks for your help.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
	Stylist Studio
</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
   <link href="../CSS/main.css" rel="stylesheet" type="text/css" />
   <link rel="icon" type="image/png" href="/images2020/ScissorIcon.png" />
   <link href="../CSS/main.css" rel="stylesheet" type="text/css" />
   <title></title>

      <script src="../Scripts/jquery.datepick.min.js" type="text/javascript"></script>
    <script type="text/javascript">

       $(function() {
       

          $('#ctl00_ContentPlaceHolder1_txtCalendar').datepick({ defaultDate: +0, dateFormat: 'DD, M. dd, yyyy', selectDefaultDate: true,
             onSelect: function() {
                this.fireEvent && this.fireEvent('onchange') || $(this).change();
             }
          });

          Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

          function EndRequestHandler(sender, args) {
             $('#ctl00_ContentPlaceHolder1_txtCalendar').datepick({ dateFormat: 'DD, M. dd, yyyy',
             onSelect: function() {
                   this.fireEvent && this.fireEvent('onchange') || $(this).change();
                }

             });

          }

       });

      
 </script>  

   <link href="../CSS/jquery.datepick.css" rel="stylesheet" type="text/css" />
    
    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="keywords" content="Salon Software, Booth Renter Software, Independent Contractor Software, Hair Colorist Software, Stylist Software, Retail, Hair Color, Salon Programs" /><meta name="description" content="Stylist Studio is a web based application designed specifically for independent contractors. Stylist Studio works with all internet devices, i.e., tablets, smart-phones, laptops etc. Stylist Studio works the way booth-renters/independent contactors work." /><meta name="author" content="Stylist Management Studio Inc." /><meta name="googlebot" content="index,follow" /><meta name="robots" content="index,follow" /></head>
<body>
    <form name="aspnetForm" method="post" action="Client_Services.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="aspnetForm" enctype="multipart/form-data">
<div>
<input type="hidden" name="ctl00_ToolKitMaster_HiddenField" id="ctl00_ToolKitMaster_HiddenField" value="" />
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />

<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<script src="/WebResource.axd?d=0qYapkYQMMKHmDlZMXK_antY4jmp_21VxWo4IN-GnH5Px_ybLOsuy7qXI4gTX8i0oikoFpitThutG8B-47NN5XFoErM1&amp;t=634245046914809245" type="text/javascript"></script>


<script src="/ScriptResource.axd?d=peHSWMKsAjudCDUedaa1UjCGuB4wm0IGUwYrLO2UoD66YfuUqQ6FZ75Om9Dq61AEoFAA3HGNLJCIgFvybZBX5kNhWqJY4CrOYqumENXw4Tp1d3jKIZuB2_xZx6tP8K9dF9wV_4evoiezm4LZ7MUMZ1xkwyY1&amp;t=ffffffff967a6818" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=WIwbkeCYIK28KGR23Bh8d1LPfYH3CrMBOiKlggJJiDHgR1evmsuZCToVoAtUD1icfqhq27r2S0Rb36BJ6eJ9AchT9ISfP6TG9IgEW0V-KpIpF6mS0&amp;t=245582f9" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=2iZO9yEFIIYS0iTXxfD2jLyxKfKk5kJjewByETRP7G8jV6BIg-DMlWhJWYVqQL_b52Cspf20OIW-UHm2fDR9rvjTHvPHLq2kaZfKn_eVW3Gnuf7qK7ReSLWal0LiljyBVNnygg2&amp;t=245582f9" type="text/javascript"></script>

<script type="text/javascript">
//<![CDATA[
function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
return true;
}
//]]>
</script>

<div>

	<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />
	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="NBy92n12G38jKYHuHqu3WT2Fpx6bT9kcHhKv8vHcwabX3MtfNtCFNBlvwUQyMBjwHcLOGC2NrzW2m3ojESwumvXPrN0t3IHw/GX1u3hC6kpX5mdpDo43fPI9sRPrT67gZe7eiVShDwpd3+NVUbJjXjBDDMNS33ElgrU0S60viGAKa4GVxCD5kBEY0WQIYh0ovgdGTV8qSc8P2aRt9SZo9jobLQkjuPrzzVzXExvM5FcYunQc39i3VEdP1qvICxanyaC5altcSj2vtcDHFTeCCpHQyIf6jhavhGdxDUJLLUYiKpDD6ZxNRKkF+z/pMpkf31N5W1dey9pnWptx8fwFrOHa25G5fNzVG7GKj/IWEKKE0uFJfjpnb7gq3UKIvRC2EyA017UTMkOarqRQJaZ1anIlS1REgXH8qz95k2qebwc3bVmJJX3g4P7LrLMT5ZgMYeB2r1x64F3F0rIy27GcvSBWbrd92zT9f3IT3/XS/4pFMVDFvh3tGfGhFVc7/qURGN3qYbUTdPYPzeeu4iepO8aXYlsq73IjtbeoGMN6siVy28AGRDuxrxtC6AdBMr34txv3BruWrFu85i7hvzEIIi7vdFzvm11mOlKL6Fhg+QnRgfU7" />
</div>
<div id="wrapper">
    <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ToolKitMaster', document.getElementById('aspnetForm'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls(['tctl00$ContentPlaceHolder1$UpdatePanel1','tctl00$ContentPlaceHolder1$UpdatePanelCalendar','tctl00$ContentPlaceHolder1$UpdatePanelServices1','tctl00$ContentPlaceHolder1$UpdateFormulas','tctl00$ContentPlaceHolder1$UpdatePanelBeforePic','tctl00$ContentPlaceHolder1$UpdatePanelAfterPic','tctl00$ContentPlaceHolder1$UpdatePanelProdUsed','tctl00$ContentPlaceHolder1$UpdatePanelTotals','tctl00$ContentPlaceHolder1$UpdatePanelCheckOut'], [], [], 90);
//]]>
</script>

   
    <div>

      

        <table id="tablebasic" enableviewstate="false">
         <colgroup>
            <col width="80%" />
            <col width="20%" />
         </colgroup>
            <tr>
                <td class="headerbordered">
                 
                    <ul id="navbarstylist" enableviewstate="false">
	                 
	                  <li><a href="Client_Services.aspx" class="services" title="Click for daily services"></a></li>

	                  <li><a href="#" title="Add/Edit Schedules" class="scheduling"></a>
	                      <ul>
		                     <li><a class="vlist" href="AddEdit_Schedule.aspx" title="Click to add schedules and check availability">Add Schedules</a></li>
		                     <li><a class="vlist" href="Stylist_Availability.aspx" title="Click to find availability">Find Availability</a></li>
		                    
		                    
		                   
	                     
	                     
	                      </ul>
	                  </li>
	                  <li><a href="PurchaseProducts.aspx" class="retail" title="Click for retail sales"></a></li>

	                  <li><a href="#" title="Click for client details" class="clients"></a>
		                  <ul>
			                  <li><a class="vlist" href="Client_Details.aspx" title="Click to Add/Edit/View Client Details">Client Details</a></li>
			                  <li><a class="vlist" href="Importing.aspx" title="Click to import client information">Import Clients</a></li>
		                  </ul>
		             </li>

	                  <li><a href="#" title="Click for formula options." class="formulas" ></a>

	                      <ul>
			                  <li><a class="vlist" href="FormulaWizard.aspx" title="Click to define formulas">Create Formulas</a></li>
			                  <li><a class="vlist" href="FindFormula.aspx?menu=true" title="Click to search for a formula">Find Formulas</a></li>
		                 </ul>
	                  
	                  </li>	                  
	                  <li><a href="#" title="Click for inventory options." class="inventory"></a>
		                  <ul>
			                  <li><a class="vlist" href="InventoryWizard.aspx" title="Click to edit inventory">Add/Edit Inventory</a></li>

			                  <li><a class="vlist" href="Inventory.aspx" title="Click to Receive Inventory Orders">Inventory List</a></li>
			                  <li><a class="vlist" href="Inventory_Order.aspx" title="Click to View/Add/Edit Current Inventory Orders">Ordering</a></li>
			                  <li><a class="vlist" href="Inventory_Receiving.aspx" title="Click to Receive Inventory Orders">Receiving</a></li>
		                  </ul>
	                  </li>
	                  <li><a href="#" title="Click to add/edit your default settings/values." class="setup" ></a>
	                      <ul>

			                  <li><a class="vlist" href="Setup.aspx" title="Click to add/edit items in the setup wizard.">Setup Wizard</a></li>
			                  <li><a class="vlist" href="InventoryWizard.aspx" title="Click to setup inventory">Inventory Wizard</a></li>
			                  <li><a class="vlist" href="FormulaSetupWizard.aspx" title="Click to setup formula defaults">Formula Setup</a></li>
	                            <li><a class="vlist" href="Manage_Portfolio.aspx" title="Click to manage portfolio.">Portfolio Setup</a></li>
	                            <li><a class="vlist" href="Importing.aspx" title="Click to import information.">Import Customers</a></li>
		                 </ul>

	                  
	                  </li>
	                  <li><a href="Reports.aspx" class="reports"></a>
	                  </li>
	                  <li><a href="#" class="support"></a>
		                  <ul class="support" >
	                            <li><a class="vlist" href="../HelpFiles/HelpFiles.htm">Help</a></li>
			                  <li><a class="vlist" href="../Contact_Us.aspx">Suggestions</a></li>
			                  <li><a class="vlist" href="../Contact_Us.aspx">Contact</a></li>

			                  <li><a class="vlist" href="../About.aspx">About Us</a></li>
			                  <li><a class="vlist" href="../Links.aspx">Links</a></li>
		                  </ul>
	                  </li>
	                 
                  </ul>                
             
                </td>
                <td align="right" valign="bottom" style="padding-right:2%; font-size:100%" >
                     <br /><br />

                       
                               
                               <input id="ctl00_LoginView2_LoginStatus2" type="image" name="ctl00$LoginView2$LoginStatus2$ctl01" src="../images2020/UnlockButtMaster.png" alt="Logout" style="border-width:0px;" />
                               
                           
                </td>
          </tr>
 
        </table>
      
    </div>

  </div>
  
   <div>  
   
   <div class="formclear"></div>
   <div id="wrap">

    <div id="right">
       <img alt="Help Files" onclick="javascript:showHelp()" src="../images2020/help_32P.png" onmouseover="this.style.cursor = 'pointer';"/>  
   </div>
      <div id="left">
      <div id="ctl00_ContentPlaceHolder1_UpdatePanel1">
	
         <input type="submit" name="ctl00$ContentPlaceHolder1$buttClientEdit" value="Edit Client Information" id="ctl00_ContentPlaceHolder1_buttClientEdit" disabled="disabled" class="button" />
         &nbsp;&nbsp;&nbsp;&nbsp;<b>Client Name:</b>&nbsp;
         <span id="ctl00_ContentPlaceHolder1_lblClientName" style="color:Navy;font-size:100%;font-weight:bold;font-style:italic;text-decoration:underline;"></span>
         <input type="hidden" name="ctl00$ContentPlaceHolder1$HiCustomerID" id="ctl00_ContentPlaceHolder1_HiCustomerID" />

         <input name="ctl00$ContentPlaceHolder1$txtSchedID" type="text" id="ctl00_ContentPlaceHolder1_txtSchedID" class="butthidden" />
         <input name="ctl00$ContentPlaceHolder1$txtServiceID" type="text" id="ctl00_ContentPlaceHolder1_txtServiceID" class="butthidden" />
         <input type="hidden" name="ctl00$ContentPlaceHolder1$HiFormulaIDList" id="ctl00_ContentPlaceHolder1_HiFormulaIDList" />
         <input type="hidden" name="ctl00$ContentPlaceHolder1$HiFormulaGroupIDList" id="ctl00_ContentPlaceHolder1_HiFormulaGroupIDList" />
         <input type="hidden" name="ctl00$ContentPlaceHolder1$HiProductLUIDList" id="ctl00_ContentPlaceHolder1_HiProductLUIDList" />
         <input type="hidden" name="ctl00$ContentPlaceHolder1$HiDivVisible" id="ctl00_ContentPlaceHolder1_HiDivVisible" />
         <input type="hidden" name="ctl00$ContentPlaceHolder1$HiRetailID" id="ctl00_ContentPlaceHolder1_HiRetailID" />
         <input type="hidden" name="ctl00$ContentPlaceHolder1$HiTabSelected" id="ctl00_ContentPlaceHolder1_HiTabSelected" />
         

</div>
   </div>  
  </div> 
<div class="formclear"></div>
   <input type="submit" name="ctl00$ContentPlaceHolder1$buttFormulaIDList" value="Button" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttFormulaIDList&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttFormulaIDList" class="butthidden" />
   <input type="submit" name="ctl00$ContentPlaceHolder1$buttSetDate" value="Button" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttSetDate&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttSetDate" class="butthidden" />
   <input type="submit" name="ctl00$ContentPlaceHolder1$buttFormulaFromClientWzd" value="Button" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttFormulaFromClientWzd&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttFormulaFromClientWzd" class="butthidden" />
   <input type="submit" name="ctl00$ContentPlaceHolder1$buttUpdatePanel" value="Button" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttUpdatePanel&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttUpdatePanel" class="butthidden" />
     <br />
<div id="tabpanels">

  <ul id="navbartabs" enableviewstate="true">
      <li id="li_0" class="vTabOver" onclick="javascript:showhidedivs(this)">Schedules</li>
      <li id="li_1" class="vTab" onclick="javascript:showhidedivs(this)">Services</li>
      <li id="li_2" class="vTab" onclick="javascript:showhidedivs(this)">Formulas</li>
      <li id="li_3" class="vTab" onclick="javascript:showhidedivs(this)">Before/After</li>
      <li id="li_4" class="vTab" onclick="javascript:showhidedivs(this)">Products</li>

      <li id="li_5" class="vTab" onclick="javascript:showhidedivs(this)">Totals</li>
 </ul>

<div class="formclear"></div>
  <div id="div_0" class="divborder" style="display:block">
  
    <div id="ctl00_ContentPlaceHolder1_UpdatePanelCalendar">
	
               
         <table style="width:98%; margin-left:auto; margin-right:auto" enableviewstate="false">
         <colgroup>
            <col width="15%" />

            <col width="34%" />
            <col width="39%" />
            <col width="12%" />
         </colgroup>
         <tr>
               <td align="left" colspan="4">Click Date to Change Date:&nbsp; 
                  <input name="ctl00$ContentPlaceHolder1$txtCalendar" type="text" value="Monday, December 12, 2011" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$txtCalendar\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" id="ctl00_ContentPlaceHolder1_txtCalendar" class="controltext" style="font-weight:bold;width:40%;" />
                  <div id="ctl00_ContentPlaceHolder1_UpdateProgress1" style="display:none;">
		<img alt="Please Wait... Loading" enableviewstate="false" src="../images2020/ajax-loader.gif" />Please wait...
	</div>

                  </td>
         </tr>
         </table>
      <div style="width:100%">
          
                     <div style="width:100%">
                     <table id="ctl00_ContentPlaceHolder1_lstSchedules_itemPlaceholderContainer" style="vertical-align:top; border:solid 1px gray">
		<tr id="ctl00_ContentPlaceHolder1_lstSchedules_Tr1" style="vertical-align:top; border:solid 1px gray">
			<td class="ListViewHeader" style="width:14%">
                              <span id="ctl00_ContentPlaceHolder1_lstSchedules_lblDate">Schedule Date</span></td>

			<td class="ListViewHeader" style="width:18%">
                              <span id="ctl00_ContentPlaceHolder1_lstSchedules_lblClient">Client</span></td>
			<td class="ListViewHeader" style="width:15%">
                              <span id="ctl00_ContentPlaceHolder1_lstSchedules_lblService">Service</span></td>
			<td class="ListViewHeader" style="width:10%">
                              <span id="ctl00_ContentPlaceHolder1_lstSchedules_lblStart">Start time</span></td>
			<td class="ListViewHeader" style="width:10%"><span id="ctl00_ContentPlaceHolder1_lstSchedules_lblEnd">End Time</span></td>

			<td class="ListViewHeader" style="width:10%">
                              <span id="ctl00_ContentPlaceHolder1_lstSchedules_Label18">Actions</span></td>
			<td class="ListViewHeader" style="width:12%">
                              <span id="ctl00_ContentPlaceHolder1_lstSchedules_Label16">Service</span></td>
		</tr>

			
                        <tr style="background-color:#fcfdc1; border:solid 1px gray"><td colspan="8" align="center">
                              <br /><input type="submit" name="ctl00$ContentPlaceHolder1$lstSchedules$ctrl0$AddNew" value="Click to add new appointment" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$lstSchedules$ctrl0$AddNew&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_lstSchedules_ctrl0_AddNew" class="button" /></td></tr></table>

	
                     </div>
                     
            
            
        
      </div>
     
</div>
     
   </div> 
   <div id="div_1" class="divborder" style="display:none">
         <div id="ctl00_ContentPlaceHolder1_UpdatePanelServices1">
	
               <span class="butthidden"><input id="ctl00_ContentPlaceHolder1_chkPrevService" type="checkbox" name="ctl00$ContentPlaceHolder1$chkPrevService" /></span>   

            
                  
                    
 
         
</div>
   </div>
   <div id="div_2" class="divborder" style="display:none">

      <div id="ctl00_ContentPlaceHolder1_UpdateFormulas">
	
      <table width="98%">
      <tr id="trOptions">
         <td>
            <div id="ctl00_ContentPlaceHolder1_PnlFormulaOptions" disabled="disabled">
		
            
            <input type="submit" name="ctl00$ContentPlaceHolder1$buttSelectFormula" value="Select Base Formula" disabled="disabled" id="ctl00_ContentPlaceHolder1_buttSelectFormula" class="button" />
            <input type="submit" name="ctl00$ContentPlaceHolder1$buttSelectClientFormula" value="Select Client Formula" disabled="disabled" id="ctl00_ContentPlaceHolder1_buttSelectClientFormula" class="button" />
            <input type="submit" name="ctl00$ContentPlaceHolder1$buttFindFormula" value="Find Formula" disabled="disabled" id="ctl00_ContentPlaceHolder1_buttFindFormula" class="button" />
            <input type="submit" name="ctl00$ContentPlaceHolder1$buttCreateFormula" value="Create New Formula" disabled="disabled" id="ctl00_ContentPlaceHolder1_buttCreateFormula" class="button" />

        
	</div>
         </td>
      </tr>
      <tr>
         <td>
        
         
         
         <div id="ctl00_ContentPlaceHolder1_Panel1" class="modalQuestionBackground" style="display:none">
		<br />
         <h5>Select Formula</h5>

         
         <select name="ctl00$ContentPlaceHolder1$ddClientFormula" id="ctl00_ContentPlaceHolder1_ddClientFormula" class="controltext" style="background-color:#FCFDC1;width:98%;">
			<option value="-1"> --- Select/Create Formula --- </option>

		</select>
         
         <br /><br />
            
            <input type="submit" name="ctl00$ContentPlaceHolder1$buttClientFormulaUse" value="Use Selected Formula" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttClientFormulaUse&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttClientFormulaUse" class="button" />
            
            <input type="submit" name="ctl00$ContentPlaceHolder1$buttClientFormulaCancel" value="Cancel" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttClientFormulaCancel&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttClientFormulaCancel" class="button" />
            <br />

         
	</div>
       
            
            
            <div id="ctl00_ContentPlaceHolder1_Panel2" class="modalQuestionBackground" style="display:none">
		<br />
            <h5>Select Formula</h5>
            <select name="ctl00$ContentPlaceHolder1$ddSelectFormula" id="ctl00_ContentPlaceHolder1_ddSelectFormula" class="controltext" style="width:98%;">
			<option selected="selected" value="-1">Select Formula</option>
			<option value="18">Bayalage Color</option>

			<option value="12">Bayalage Color</option>
			<option value="15">Bayalage Dark Brown/ Red</option>
			<option value="11">Red Berry</option>
			<option value="1">Red Cherry</option>
			<option value="14">Red Chilie</option>
			<option value="2">Red Golden</option>

			<option value="13">Violet Sky</option>

		</select>
            
            <br /><br />
               <input type="submit" name="ctl00$ContentPlaceHolder1$Button1" value="Use Selected Formula" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$Button1&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_Button1" class="button" />
               
               <input type="submit" name="ctl00$ContentPlaceHolder1$buttFormulaBaseCancel" value="Cancel" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttFormulaBaseCancel&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttFormulaBaseCancel" class="button" /><br />
          
	</div>
            </td>
          </tr>

        
          <tr id="ctl00_ContentPlaceHolder1_trShowClientFormulas">
		<td>
        
         <div>
			<table cellspacing="0" rules="all" border="1" id="ctl00_ContentPlaceHolder1_grdClientFormulaGroups" style="border-color:LightGrey;border-style:Outset;width:95%;border-collapse:collapse;">
				<tr>
					<td>Select an option above to add formula.</td>
				</tr>
			</table>

		</div>    
         
                 </td>
	</tr>
	
               <tr>
                 <td>&nbsp;</td>
               </tr>
            </table>  
      
</div>
 
   </div>
   <div id="div_3" class="divborder" style="display:none">

      <table width="95%">
               <colgroup>
                   <col width="50%" />
                   <col width="50%" />
               </colgroup>
               <tr>
               
                <td colspan="2" align="center">
                     <h4 class="blue">Upload Pictures from your Device/Computer.</h4>

                </td>
             </tr>
                <tr>
              <td colspan="2" align="center">
               <span style="font-weight:bold"><input id="ctl00_ContentPlaceHolder1_chkAddPicsToPortfolio" type="checkbox" name="ctl00$ContentPlaceHolder1$chkAddPicsToPortfolio" checked="checked" /><label for="ctl00_ContentPlaceHolder1_chkAddPicsToPortfolio">Add Pictures to Portfolio</label></span>

              </td>
           </tr>

           <tr>
                <td colspan="2">
                     &nbsp;&nbsp;</td>
           </tr>
        
           
           <tr>
                <td align="center">
                    <div id="ctl00_ContentPlaceHolder1_UpdatePanelBeforePic">
	<img id="ctl00_ContentPlaceHolder1_imgBeforePhoto" src="../images2020/resume-photo.jpg" style="border-style:Inset;border-width:0px;" />
                    

</div>
                </td>
                <td align="center">
                    <div id="ctl00_ContentPlaceHolder1_UpdatePanelAfterPic">
	
                       <img id="ctl00_ContentPlaceHolder1_imgAfterPhoto" src="../images2020/resume-photo.jpg" style="border-style:Inset;border-width:0px;" />
                    
</div>
                </td>
           </tr>      
           
           
           <tr>
               
                <td align="center">

                   Before Picture Title
                </td>
                <td align="center">
                   After Picture Title
                </td>
                
           </tr>
           
           <tr>
               
                <td align="center">
                   <input name="ctl00$ContentPlaceHolder1$txtBeforePicName" type="text" maxlength="50" id="ctl00_ContentPlaceHolder1_txtBeforePicName" style="width:60%;" />
                </td>

                
                <td align="center">
                   
                   <input name="ctl00$ContentPlaceHolder1$txtAfterPicName" type="text" maxlength="50" id="ctl00_ContentPlaceHolder1_txtAfterPicName" style="width:60%;" />
                </td>
           </tr>
           <tr>
               
                <td align="center">
                    <input type="file" name="ctl00$ContentPlaceHolder1$fuBeforePhoto" id="ctl00_ContentPlaceHolder1_fuBeforePhoto" />
                    
                    
                
                </td>
                
                <td align="center">

                    <input type="file" name="ctl00$ContentPlaceHolder1$fuAfterPhoto" id="ctl00_ContentPlaceHolder1_fuAfterPhoto" />
                    
                    
                </td>
           </tr>

           <tr>
                <td align="center">
                    <input type="submit" name="ctl00$ContentPlaceHolder1$buttBeforePhoto" value="Upload Picture" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttBeforePhoto&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttBeforePhoto" />
                </td>
                <td align="center">

                    <input type="submit" name="ctl00$ContentPlaceHolder1$buttAfterPhoto" value="Upload Picture" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$buttAfterPhoto&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_ContentPlaceHolder1_buttAfterPhoto" />
                </td>
           </tr>

           <tr>
                <td colspan="2">
                     &nbsp;&nbsp;</td>
           </tr>
           
           <tr>

                <td colspan="2">
                     &nbsp;&nbsp;</td>
           </tr>     
           </table>
   </div>
   <div id="div_4" class="divborder" style="display:none">
      <div id="ctl00_ContentPlaceHolder1_UpdatePanelProdUsed">
	
            
 
      
<h3>Add Retail Products</h3>
   
 
                    
         
          
      
    
      

</div>
   </div>
  <div id="div_5" class="divborder" style="display:none">
           <div id="ctl00_ContentPlaceHolder1_UpdatePanelTotals">
	
                  <table width="90%">
               <colgroup>
                   <col width="33%" />
                   <col width="33%" />
                   <col width="33%" />

               </colgroup>
                  
                  <tr>
                      <td align="left" colspan="3">
                          <input type="submit" name="ctl00$ContentPlaceHolder1$buttCalcTotals" value="Calculate Totals" id="ctl00_ContentPlaceHolder1_buttCalcTotals" disabled="disabled" class="button" />
                         
                          <input type="submit" name="ctl00$ContentPlaceHolder1$buttTotalsClear" value="Clear Totals" id="ctl00_ContentPlaceHolder1_buttTotalsClear" disabled="disabled" class="button" />
                      </td>
                      
                      
                  </tr>
                  <tr>
                      <td colspan="3">

                          &nbsp;
                      </td>
                 </tr>
                  
                  <tr>
                      <td>
                        Service Sub Total<br />
                          <input name="ctl00$ContentPlaceHolder1$txtServiceTotals" type="text" id="ctl00_ContentPlaceHolder1_txtServiceTotals" class="controltextwidthsmall" />
                      </td>

                      
                      <td>
                        Service Taxes<br />
                          <input name="ctl00$ContentPlaceHolder1$txtServiceTaxes" type="text" id="ctl00_ContentPlaceHolder1_txtServiceTaxes" class="controltextwidthsmall" />
                          <input type="hidden" name="ctl00$ContentPlaceHolder1$HiServTaxRate" id="ctl00_ContentPlaceHolder1_HiServTaxRate" />
                      </td>
                      <td>
                        Service Total<br />
                          <input name="ctl00$ContentPlaceHolder1$txtServiceSubTotal" type="text" id="ctl00_ContentPlaceHolder1_txtServiceSubTotal" class="controltextwidthsmall" />

                      </td>
         
                  </tr>
                     <tr>
                      <td>
                           Product Sub Total<br />
                          <input name="ctl00$ContentPlaceHolder1$txtProductTotal" type="text" id="ctl00_ContentPlaceHolder1_txtProductTotal" class="controltextwidthsmall" />
                      </td>
                      
                      <td>

                          Product Taxes<br />
                          <input name="ctl00$ContentPlaceHolder1$txtProductTaxes" type="text" id="ctl00_ContentPlaceHolder1_txtProductTaxes" class="controltextwidthsmall" />
                          <input type="hidden" name="ctl00$ContentPlaceHolder1$HiProdTaxRate" id="ctl00_ContentPlaceHolder1_HiProdTaxRate" />
                      </td>
                      <td>
                           Product Total<br />
                          <input name="ctl00$ContentPlaceHolder1$txtProductSubTotal" type="text" id="ctl00_ContentPlaceHolder1_txtProductSubTotal" class="controltextwidthsmall" />
                      </td>

                  </tr>
                  <tr>
                      <td colspan="3" >
                          Other Details<br />
                          <textarea name="ctl00$ContentPlaceHolder1$txtServiceDescribe" rows="2" cols="20" id="ctl00_ContentPlaceHolder1_txtServiceDescribe" style="font-size:95%;width:93%;"></textarea>
                      </td>
                  </tr>     
                  <tr>

                      <td colspan="3">
                          &nbsp;
                      </td>
                 </tr>
                 <tr>
                      <td valign="bottom">
                         &nbsp;
                      </td>
                      <td valign="bottom" align="right">

                        Sub Total:&nbsp;
                      </td>
                      <td valign="bottom">
                       <input name="ctl00$ContentPlaceHolder1$txtTotalServProd" type="text" id="ctl00_ContentPlaceHolder1_txtTotalServProd" class="controltextwidthsmall" />
                      </td>
                  </tr>               
                  
                  <tr>
                      <td>
                         &nbsp;

                      </td>
                      <td align="right">
                          Total Taxes:&nbsp;
                      </td>
                      <td>
                          <input name="ctl00$ContentPlaceHolder1$txtTotalTaxes" type="text" id="ctl00_ContentPlaceHolder1_txtTotalTaxes" class="controltextwidthsmall" />
                      </td>
         
                  </tr>

                  <tr>
                      <td>
                         &nbsp;
                      </td>
                      <td align="right">
                          Total:&nbsp;
                      </td>
                      <td>

                          <input name="ctl00$ContentPlaceHolder1$txtTotal" type="text" id="ctl00_ContentPlaceHolder1_txtTotal" class="controltextwidthsmall" style="background-color:#FFFFCC;" />
                      </td>
                  </tr>
                  <tr>
                      <td>
                         &nbsp;
                      </td>
                      <td align="right">
                          Tip:&nbsp;

                      </td>
                      <td>
                        <input name="ctl00$ContentPlaceHolder1$txtTip" type="text" id="ctl00_ContentPlaceHolder1_txtTip" class="controltextwidthsmall" />                
                      </td>
                      
                  </tr>
                  
                  <tr>
                      <td>
                          &nbsp;
                      </td>

                      <td>
                          &nbsp;
                       </td>
                      <td align="center">
                         <input type="submit" name="ctl00$ContentPlaceHolder1$buttCheckOut" value="Check Out" id="ctl00_ContentPlaceHolder1_buttCheckOut" disabled="disabled" class="button" />
                      </td>
                      
                 </tr>                
                 
               </table>
          
</div>        
             <div id="ctl00_ContentPlaceHolder1_UpdatePanelCheckOut">

	
               
               <div id="ctl00_ContentPlaceHolder1_PnlCheckOut" class="PanelBackground" style="overflow:scroll;">
		 
               <div id="ctl00_ContentPlaceHolder1_Panel3" style="cursor: move;background-color:Purple;border:solid 1px Gray;color:white">
			
                <div>
                  <center>
                    <span id="ctl00_ContentPlaceHolder1_lblCompleted" style="color:White;font-weight:bold;"></span>
                  </center>
                </div>
            
		</div>
               <table style="margin:.5em">

                  <tr>
                     <td align="right">
                        Amount Due:
                     </td>
                     <td>
                        <span id="ctl00_ContentPlaceHolder1_lblAmtDue"></span>
                     </td>
                  </tr>
                  <tr>

                     <td colspan="2">
                        &nbsp;
                     </td>
                  </tr>
                  <tr>
                     <td align="right">
                        Payment Type:
                     </td>
                     <td>

                        <select name="ctl00$ContentPlaceHolder1$ddPaymentType" id="ctl00_ContentPlaceHolder1_ddPaymentType" class="controltextwidthsmall">
			<option selected="selected" value="-1">---Select Payment Type---</option>
			<option value="5">AMEX</option>
			<option value="1">Cash</option>
			<option value="2">Check</option>
			<option value="3">Mastercard</option>

			<option value="6">Pay Pal</option>
			<option value="4">Visa</option>

		</select>
                        
                     </td>
                  </tr>
                  <tr>
                     <td align="right">

                        Amount Received:
                     </td>
                     <td>
                    <input name="ctl00$ContentPlaceHolder1$txtAmtRec" type="text" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$txtAmtRec\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" id="ctl00_ContentPlaceHolder1_txtAmtRec" class="controltextwidthsmall" />
                    <span id="ctl00_ContentPlaceHolder1_CompareValidator4" style="color:Red;visibility:hidden;">Please enter currency value as 99.99</span>
                     </td>
                  </tr>
                  <tr>
                     <td align="right">

                        Change Due:
                     </td>
                     <td>
                        <input name="ctl00$ContentPlaceHolder1$txtChangeDue" type="text" id="ctl00_ContentPlaceHolder1_txtChangeDue" class="controltextwidthsmall" />
                        <span id="ctl00_ContentPlaceHolder1_CompareValidator1" style="color:Red;visibility:hidden;">Please enter currency value as 99.99</span>
                     </td>
                  </tr>
                  <tr>
                     <td colspan="2">

                        
                     </td>
                  </tr>
                  
                  <tr>
                     <td colspan="2" align="center">
                        <input id="ctl00_ContentPlaceHolder1_chkCompleted" type="checkbox" name="ctl00$ContentPlaceHolder1$chkCompleted" /><label for="ctl00_ContentPlaceHolder1_chkCompleted">  Service has been completed?</label>
                     </td>
                  </tr>

                  <tr>
                     <td align="right">
                        <input type="button" name="ctl00$ContentPlaceHolder1$buttCancelCheckout" value="Cancel" onclick="javascript:__doPostBack('ctl00$ContentPlaceHolder1$buttCancelCheckout','')" id="ctl00_ContentPlaceHolder1_buttCancelCheckout" class="button" />
                     </td>
                     <td align="center">
                        <input type="button" name="ctl00$ContentPlaceHolder1$buttSaveService" value="Save/Update" onclick="javascript:__doPostBack('ctl00$ContentPlaceHolder1$buttSaveService','')" id="ctl00_ContentPlaceHolder1_buttSaveService" class="button" />
                     </td>
                  </tr>
               </table>

            
	</div>
            
</div>
  </div> 
  
  </div>  
  
  
<script type="text/javascript">
   function DoTabClick() {
      var obj = document.getElementById("li_0");
      SetBackColor(obj);

      return false;
     
   }
   function SetBackColor(obj) {
      var ul = document.getElementById("navbartabs");
      var items = ul.getElementsByTagName("li");
      for (var i = 0; i < items.length; ++i) {
         items[i].style.color = '#000000';
         items[i].style.backgroundColor = '#b9c4d9';
      }
      obj.style.color = '#FFFFFF';
      obj.style.backgroundColor = '#000000';
      
      
   }
   function clickcreateschedule(itemindex) {
      var item = "li_" + itemindex;
      var itemsched = "li_" + "0";
      var div0 = document.getElementById("div_0");
      var div1 = document.getElementById("div_1");
      div1.style.display = "block";
      div0.style.display = "none";
      updateupdatepanel(0);
      updateupdatepanel(1);
      var obj = document.getElementById(item);
      var objSched = document.getElementById(itemsched);
      objSched.style.color = '#000000';
      objSched.style.backgroundColor = '#b9c4d9';
      obj.style.color = '#FFFFFF';
      obj.style.backgroundColor = '#000000';

      return false;
   }
      function showhidedivs(obj) {
         var arr = new Array(6);
         arr[0] = "div_0";
         arr[1] = "div_1";
         arr[2] = "div_2";
         arr[3] = "div_3";
         arr[4] = "div_4";
         arr[5] = "div_5"; 
         
         var hi = document.getElementById('ctl00_ContentPlaceHolder1_HiTabSelected');
         var itemindex = obj.id.replace('li_', '');
         hi.value = itemindex;
         for (var i = 0; i < arr.length; ++i) {
               if (i == itemindex) {
                  document.getElementById(arr[i]).style.display = "block";
               }
               else {
                  document.getElementById(arr[i]).style.display = "none";
               }

            }

            if (itemindex > 0) {
               updateupdatepanel(itemindex);
               document.title = document.getElementById('ctl00_ContentPlaceHolder1_lblClientName').innerText;
               
            }

            SetBackColor(obj);
            
            return false;
         }

       
         function updateupdatepanel(itemindex) {
         var prm = Sys.WebForms.PageRequestManager.getInstance();

         switch (itemindex) {
            case "0":
               prm._doPostBack('ctl00_ContentPlaceHolder1_UpdatePanelCalendar', '');
               break;
            case "1":
               prm._doPostBack('ctl00_ContentPlaceHolder1_UpdatePanelServices1', '');
               break;
            case "2":
               prm._doPostBack('ctl00_ContentPlaceHolder1_UpdateFormulas', '');
               break;
            case "3":
               break;
            case "4":
               prm._doPostBack('ctl00_ContentPlaceHolder1_UpdatePanelProdUsed', '');
               break;
            case "5":
               prm._doPostBack('ctl00_ContentPlaceHolder1_UpdatePanelTotals', '');
               break;
            default:
               break;
         }
   }
   function showHelp() {
      var arr = new Array(6);
      arr[0] = "div_0";
      arr[1] = "div_1";
      arr[2] = "div_2";
      arr[3] = "div_3";
      arr[4] = "div_4";
      arr[5] = "div_5";

      var itemindex = -1;
      for (var i = 0; i < arr.length; ++i) {
         var obj = document.getElementById(arr[i]);

         if (obj.style.display == "block") {
            itemindex = i;
            break;
         }
         }
         if (itemindex == 0) {
            helpfile = window.open('../HelpFiles/SchedulingServices.htm', 'Search', 'width=550,height=400,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1');
            return false;
         }
         else if (itemindex == 1) {
            helpfile = window.open('../HelpFiles/Services.htm', 'Search', 'width=550,height=400,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1');
            return false;
         }
         else if (itemindex == 2) {
            helpfile = window.open('../HelpFiles/ServiceFormulas.htm', 'Search', 'width=550,height=400,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1');
            return false;
         }

         else if (itemindex == 3) {
            helpfile = window.open('../HelpFiles/ServicesBeforeAfter.htm', 'Search', 'width=550,height=400,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1');
            return false;
         }
         else if (itemindex == 4) {
            helpfile = window.open('../HelpFiles/ServicesProducts.htm', 'Search', 'width=550,height=400,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1');
            return false;
         }
         else if (itemindex == 5) {
            helpfile = window.open('../HelpFiles/ServicesTotals.htm', 'Search', 'width=550,height=400,left=150,top=200,scrollbars=1,toolbar=no,menubar=yes,status=1');
            return false;
         }

         else {
            return false;
         }

   }
     
      function setdivopen(obj, row) {
         var div = document.getElementById(obj);
         var img = document.getElementById('img' + obj);
         div.style.display = "block";
         img.src = "/images2020/Minus.png";

      }
      function showDate(sender, args) {
         if (sender._textbox.get_element().value == "") {
             var todayDate = new Date();
           sender._selectedDate = todayDate;
         }
         
      }
      
      function expandcollapse(obj, row) {
         var div = document.getElementById(obj);
         var img = document.getElementById('img' + obj);
         var hi = document.getElementById('ctl00_ContentPlaceHolder1_HiDivVisible');

         if (div.style.display == "none") {
            div.style.display = "block";
            if (row == 'alt') {
               img.src = "/images2020/Minus.png";
               hi.value = "Yes";
            }
            else {
               img.src = "/images2020/Minus.png";
               hi.value = "Yes";
            }
            img.alt = "Close to view other steps";
         }
         else {
            div.style.display = "none";
            if (row == 'alt') {
               img.src = "/images2020/Plus.png";
               hi.value = "No";
            }
            else {
               img.src = "/images2020/Plus.png";
               hi.value = "No";
            }
            img.alt = "Expand to show Items";
         }
      } 
</script>

   

  
 </div>
    <div id="footer" enableviewstate="false">
    <br />
   <br />

       <hr />
    <h5 class="bold">Stylist Management Studio Inc.</h5>
    <h6>1728 Doves Road <br />
    Fort Mill, SC. 29708<br />
    <a href="mailto:support@service2020.com?Subject=Service2020">support@service2020.com</a></h6>
    
    </div>
    <div class="formclear"></div>

    <div>
   <span id="ctl00_SiteMapPath1"><a href="#ctl00_SiteMapPath1_SkipLink"><img alt="Skip Navigation Links" height="0" width="0" src="/WebResource.axd?d=JK5woq9UVMO44bCiKbVdZ9I80fUfpmJYlXO246ZKYzDbYygj691WMz4GXCcA8hb_Aqg-ThqobNjeaxXT18tggnAiZ441&amp;t=634245046914809245" style="border-width:0px;" /></a><span>Services</span><a id="ctl00_SiteMapPath1_SkipLink"></a></span>
 </div>
    
<script type="text/javascript">
//<![CDATA[
var Page_Validators =  new Array(document.getElementById("ctl00_ContentPlaceHolder1_CompareValidator4"), document.getElementById("ctl00_ContentPlaceHolder1_CompareValidator1"));
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
var ctl00_ContentPlaceHolder1_CompareValidator4 = document.all ? document.all["ctl00_ContentPlaceHolder1_CompareValidator4"] : document.getElementById("ctl00_ContentPlaceHolder1_CompareValidator4");
ctl00_ContentPlaceHolder1_CompareValidator4.controltovalidate = "ctl00_ContentPlaceHolder1_txtAmtRec";
ctl00_ContentPlaceHolder1_CompareValidator4.errormessage = "Please enter currency value as 99.99";
ctl00_ContentPlaceHolder1_CompareValidator4.type = "Currency";
ctl00_ContentPlaceHolder1_CompareValidator4.decimalchar = ".";
ctl00_ContentPlaceHolder1_CompareValidator4.groupchar = ",";
ctl00_ContentPlaceHolder1_CompareValidator4.digits = "2";
ctl00_ContentPlaceHolder1_CompareValidator4.groupsize = "3";
ctl00_ContentPlaceHolder1_CompareValidator4.evaluationfunction = "CompareValidatorEvaluateIsValid";
ctl00_ContentPlaceHolder1_CompareValidator4.operator = "DataTypeCheck";
var ctl00_ContentPlaceHolder1_CompareValidator1 = document.all ? document.all["ctl00_ContentPlaceHolder1_CompareValidator1"] : document.getElementById("ctl00_ContentPlaceHolder1_CompareValidator1");
ctl00_ContentPlaceHolder1_CompareValidator1.controltovalidate = "ctl00_ContentPlaceHolder1_txtChangeDue";
ctl00_ContentPlaceHolder1_CompareValidator1.errormessage = "Please enter currency value as 99.99";
ctl00_ContentPlaceHolder1_CompareValidator1.type = "Currency";
ctl00_ContentPlaceHolder1_CompareValidator1.decimalchar = ".";
ctl00_ContentPlaceHolder1_CompareValidator1.groupchar = ",";
ctl00_ContentPlaceHolder1_CompareValidator1.digits = "2";
ctl00_ContentPlaceHolder1_CompareValidator1.groupsize = "3";
ctl00_ContentPlaceHolder1_CompareValidator1.evaluationfunction = "CompareValidatorEvaluateIsValid";
ctl00_ContentPlaceHolder1_CompareValidator1.operator = "DataTypeCheck";
//]]>
</script>


<script type="text/javascript">
//<![CDATA[
(function() {var fn = function() {$get("ctl00_ToolKitMaster_HiddenField").value = '';Sys.Application.remove_init(fn);};Sys.Application.add_init(fn);})();
var Page_ValidationActive = false;
if (typeof(ValidatorOnLoad) == "function") {
    ValidatorOnLoad();
}

function ValidatorOnSubmit() {
    if (Page_ValidationActive) {
        return ValidatorCommonOnSubmit();
    }
    else {
        return true;
    }
}
        //]]>
</script>

<script src="/Stylist/Client_Services.aspx?_TSM_HiddenField_=ctl00_ToolKitMaster_HiddenField&amp;_TSM_CombinedScripts_=%3b%3bAjaxControlToolkit%2c+Version%3d3.5.50731.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d28f01b0e84b6d53e%3aen-US%3aec0bb675-3ec6-4135-8b02-a5c5783f45f5%3ade1feab2%3af2c8e708%3a720a52bf%3af9cec9bc%3a589eaa30%3aa67c2700%3aab09e3fe%3a87104b7c%3a8613aea7%3a3202a5a2%3abe6fb298" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.Application.initialize();
Sys.Application.add_init(function() {
    $create(Sys.UI._UpdateProgress, {"associatedUpdatePanelId":"ctl00_ContentPlaceHolder1_UpdatePanelCalendar","displayAfter":500,"dynamicLayout":true}, null, null, $get("ctl00_ContentPlaceHolder1_UpdateProgress1"));
});
Sys.Application.add_init(function() {
    $create(Sys.Extended.UI.ModalPopupBehavior, {"BackgroundCssClass":"modalBackground","CancelControlID":"ctl00_ContentPlaceHolder1_buttClientFormulaCancel","PopupControlID":"ctl00_ContentPlaceHolder1_Panel1","dynamicServicePath":"/Stylist/Client_Services.aspx","id":"ctl00_ContentPlaceHolder1_ModalPopupExtender1"}, null, null, $get("ctl00_ContentPlaceHolder1_buttSelectClientFormula"));
});
Sys.Application.add_init(function() {
    $create(Sys.Extended.UI.ModalPopupBehavior, {"BackgroundCssClass":"modalBackground","CancelControlID":"ctl00_ContentPlaceHolder1_buttFormulaBaseCancel","PopupControlID":"ctl00_ContentPlaceHolder1_Panel2","dynamicServicePath":"/Stylist/Client_Services.aspx","id":"ctl00_ContentPlaceHolder1_ModalPopupExtender2"}, null, null, $get("ctl00_ContentPlaceHolder1_buttSelectFormula"));
});
Sys.Application.add_init(function() {
    $create(Sys.Extended.UI.ModalPopupBehavior, {"BackgroundCssClass":"modalBackground","Drag":true,"PopupControlID":"ctl00_ContentPlaceHolder1_PnlCheckOut","PopupDragHandleControlID":"ctl00_ContentPlaceHolder1_Panel3","dynamicServicePath":"/Stylist/Client_Services.aspx","id":"ctl00_ContentPlaceHolder1_mpeCheckout"}, null, null, $get("ctl00_ContentPlaceHolder1_PnlCheckOut"));
});

document.getElementById('ctl00_ContentPlaceHolder1_CompareValidator4').dispose = function() {
    Array.remove(Page_Validators, document.getElementById('ctl00_ContentPlaceHolder1_CompareValidator4'));
}

document.getElementById('ctl00_ContentPlaceHolder1_CompareValidator1').dispose = function() {
    Array.remove(Page_Validators, document.getElementById('ctl00_ContentPlaceHolder1_CompareValidator1'));
}
//]]>
</script>
</form>
   
</body>
</html>

Open in new window

0
chaitu chaituCommented:
instead of you actual code;if you paste HTML code it wll be good.right click browser and take view source of the page and paste it here.basically am not asp guy.
0
SheritlwAuthor Commented:

That's what I did!
What languages do you work with?
0
chaitu chaituCommented:
can you attach jquery.datepick.css
0
SheritlwAuthor Commented:
atique_ansari: pointed me in the right direction where I checked date formats.
When I went through the code, I had set the date using the tolongdatestring. Once I changed to the right format, it worked!
I will give you the points for your efforts.


Just in case anyone else has the same problem, I posted my code below.
'The jQuery that handles postback

<script type="text/javascript">
   $(function() {
      $('#ctl00_ContentPlaceHolder1_txtCalendar').datepicker({ dateFormat: 'DD, M dd, yy' });

      Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

      function EndRequestHandler(sender, args) {
         $('#ctl00_ContentPlaceHolder1_txtCalendar').datepicker({ dateFormat: 'DD, M dd, yy' });
      }

   });
</script>

'Code behind correct date format

 Me.txtCalendar.Text = DateTime.Now.ToString("dddd, MMM dd, yyyy")

or

Dim d As String = Date.Parse(Me.txtCalendar.Text).ToString("dddd, MMM dd, yyyy")

Open in new window

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
SheritlwAuthor Commented:
atique_ansari pointed me in the right direction, thus solving my problem.

Posted code for anyone that may have the same problem.
0
chaitu chaituCommented:
is it atique_ansari  or chaituuu?
0
SheritlwAuthor Commented:
I had asked another similar question and atique_ansari gave me the answer.
Since you tried to help me, I gave you the points.

0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.