datepicker date space issue
<p>I have used java script date picker in my form. This is my html</p>

<pre><code>&lt;form name="adduser" id="adduser" action="" method="post" onsubmit="return form_val();"&gt;
&lt;div class="form"&gt;
&lt;div class="fields"&gt;
&lt;div class="field"&gt;
&lt;div class="label"&gt;
&lt;label for="input-error"&gt;Date of Birth:&lt;/label&gt;
&lt;/div&gt;
&lt;div class="input"&gt;
&lt;input name="dob" type="text" class="date_small" onClick="cal_value();" id="calendar1" value="" /&gt;  
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="buttons"&gt;
&lt;input type="submit" name="submit" value="Submit" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p>This my php code.</p>

<pre><code>&lt;?php
$dob=$_POST['dob'];
$dobseparate=explode('/',$dob);
$date = $dobseparate[0];
$month = $dobseparate[1];
$year = $dobseparate[2];
echo $dbdob=$year.'-'.$month.'-'.$date;

?&gt;
</code></pre>

<p>If i select a date and submit the form the value displayed at the top of the form. My problem is the year is displayed with a space after it. I don't know why this space appears.</p>

<p>This is the internal script that i have used.</p>

<pre><code>&lt;script type="text/javascript"&gt;

        //&lt;![CDATA[

            $(document).ready(function (){ 

                $("#calendar1, #calendar2, #calendar3, #calendar4, #calendar5, #calendar6, #calendar7,#calendar8,#calendar9, #calendar10,#calendar11, #calendar12, #calendar13,#calendar14, #calendar15,#calendar16, #calendar17 , #calendar18").calendar();

                $("#calendar1_alert").click(function(){alert(popUpCal.parseDate($('#calendar1').val()))});

            });

        //]]&gt;

        &lt;/script&gt;
</code></pre>

<p>Please see this location for my date picker script only <code>http://jsfiddle.net/e9Jbv/</code></p>

<p>I have to remove that space. How can i do that?</p>
