2012-02-06 81 views
0

我在表单中使用了java脚本日期选择器。这是我的htmldatepicker日期空间问题

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

这是我的php代码。

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

?> 

如果我选择一个日期并提交表单的值显示在窗体的顶部。我的问题是在它后面显示一个空格。我不知道为什么会出现这个空间。

这是我用过的内部脚本。

<script type="text/javascript"> 

     //<![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()))}); 

      }); 

     //]]> 

     </script> 

请参阅这个位置对我的日期选择器脚本只http://jsfiddle.net/e9Jbv/

我不得不删除该空间。我怎样才能做到这一点?

+0

而不是给所有元素唯一的ID,你可以只将它们分配到一个类,使用,例如,'$( “calendarElement”)日历();'来代替。 – Zar 2012-02-06 10:30:33

回答

0

您可以使用php函数TRIM删除空间。它可能比搜索所有的JavaScript更快,以找到它被添加到哪里/为什么。 。

$date = $dobseparate[0]; 
$month = $dobseparate[1]; 
$year = trim($dobseparate[2]); 

http://php.net/manual/en/function.trim.php