1

我有一个使用 datepicker 的开始日期和结束日期的表格。

<input name="dateBegin" id="start" type="text" title="<?php echo date("m/d/Y"); ?>" style="position: relative; z-index: 10;" />
<input name="dateEnd" id="end" type="text" title="<?php echo date("m/d/Y"); ?>" style="position: relative; z-index: 10;" />

当我“按原样”使用它们时，我会在两个字段上看到一个日历图标。

当我将以下代码（如下）附加到表单（它使用开始日期的值设置结束日期）时，开始日期的日历图标消失了。

即使使用我的附加代码，我如何才能让日历图标保持不变？

<script>
$('#start').datepicker({
 onSelect: function(dateText, inst) {
 $("#end").val(dateText);
}
});
</script>
4

1 回答 1

0

好吧，我已经浏览了您在此处提供的代码并进行了一些修改：

$(document).ready(function() {
$('#start').datepicker({
 showOn: "button",
 buttonImage: "http://keith-wood.name/img/calendar.gif",
 buttonImageOnly: true , 
 onSelect: function(dateText, inst) {
 $("#start").val(dateText);
}
});

$('#end').datepicker({
 showOn: "button",
 buttonImage: "http://keith-wood.name/img/calendar.gif",
 buttonImageOnly: true , 
 onSelect: function(dateText, inst) {
 $("#end").val(dateText);
}
});
});

试试这个现场演示。

如果您想将两个字段并排放置，您可以试试这个：http: //jsfiddle.net/XXa7h/5/

编辑：好的，所以，下面的解决方案将在两个地方设置开始日期。

看到这个：http: //jsfiddle.net/XXa7h/7/

你可以看到，我仍然保留这条线：未$("#end").val(dateText);注释。如果您不希望用户在End字段中选择日期，则只需注释掉或删除该行。希望这已经足够好了！干杯！

于 2013-08-14T18:50:05.973 回答