gpt4 book ai didi

jquery - 单击文本框和日历按钮时如何设置日期选择器?

转载 作者:行者123 更新时间:2023-12-01 00:56:44 26 4
gpt4 key购买 nike

嗨,我有两个文本框和旁边的两个日历按钮,当您按日历按钮时,它会弹出一个日历,然后选定的日期将进入文本框,但现在我的要求是,即使按文本框也日历弹出窗口应该出现,并且当单击日历按钮时也应该出现。这是我的代码...请 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>

最佳答案

使用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

关于jquery - 单击文本框和日历按钮时如何设置日期选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20674243/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com