2013-12-19 24 views
3

嗨,我有兩個文本框和兩個日曆按鈕旁邊,當你按日曆按鈕,然後它彈出一個日曆,然後選定的日期將進入文本框,但現在我的要求是甚至當在文本框中按也calander彈出窗口應該會出現,並且它也應該在點擊日曆按鈕時出現。 這裏我的代碼去...請CDAN任何一個可以幫助我如何修改我的代碼來實現,因爲我說我的要求.....如何在點擊文本框和日曆按鈕時設置日期選擇器?

<script> 
$(function() { 
$("#datepicker1").datepicker({ 
dateFormat: "dd/mm/yy" , 
showOn: "button", 
buttonImage: "images/cal.gif", 
buttonImageOnly: true 
}); 
}); 
$(function() { 
$("#datepicker2").datepicker({ 
    dateFormat: "dd/mm/yy" , 
showOn: "button", 
buttonImage: "images/cal.gif", 
buttonImageOnly: true 
}); 
}); 
    </script> 
<body> 
<tr> 
<td>Memo Start Date :</td> 
<td><form:input name="dateOfBirth" id="datepicker1" path="memoStartDate" /> 
    </td> 
</tr> 
    <tr> 
    <td>Memo End Date :</td> 
<td><form:input id="datepicker2" path="memoEndDate" /> </td> 
    </tr>   
     <tr> 

回答

6

使用showOn: "both"選項來設置它

$(function() { 
    $("#datepicker1").datepicker({ 
     dateFormat: "dd/mm/yy", 
     showOn: "button", 
     buttonImage: "images/cal.gif", 
     buttonImageOnly: true, 
     showOn: "both" 
    }); 
}); 
$(function() { 
    $("#datepicker2").datepicker({ 
     dateFormat: "dd/mm/yy", 
     showOn: "button", 
     buttonImage: "images/cal.gif", 
     buttonImageOnly: true, 
     showOn: "both" 
    }); 
}); 

演示:Fiddle

+0

太感謝你了 – preeth

0

你可以做showOn:「button」showOn:「both」 然後在日曆上點擊按鈕和文本框都打開。

<script> 
    $(function() { 
     $("#datepicker2").datepicker({ 
    dateFormat: "dd/mm/yy", 
    showOn: "button", 
    buttonImage: "images/cal.gif", 
    buttonImageOnly: true, 
    showOn: "both" 
     }); 
    }); 
</script> 
+0

來吧是真實的,不會得到任何東西了吧:) –

0
<script>  
$(function()  { 
    $("#datepicker").datepicker();  
});  
$(function()  {  
    $("#datepicker1").datepicker({  
    changeMonth: true,  
    changeYear: true  
});   

</script> 
<input type="text" name="date" id="datepicker" /> 
<input type="text" name="edate" id="datepicker1"/> 
+0

+0

這是工作,我已經在計算天內使用兩個日期 –

+0

但是,如果我想申請日期選擇 –

相關問題