在datepicker和输入框上有不同的日期,可以通过以下步骤实现:
<input type="text" id="inputDate" placeholder="选择日期">
<input type="text" id="datepicker" placeholder="选择日期">
$(document).ready(function() {
// 初始化第一个日期选择器
$("#datepicker").datepicker({
dateFormat: "yy-mm-dd",
onSelect: function(dateText, inst) {
// 将选择的日期设置到第二个输入框中
$("#inputDate").val(dateText);
}
});
// 初始化第二个日期选择器
$("#inputDate").datepicker({
dateFormat: "yy-mm-dd",
onSelect: function(dateText, inst) {
// 将选择的日期设置到第一个输入框中
$("#datepicker").val(dateText);
}
});
});
在上述代码中,我们使用了jQuery UI Datepicker插件来创建日期选择器。通过设置dateFormat属性,可以指定日期的格式。在onSelect回调函数中,我们将选择的日期设置到另一个输入框中。
这样,你就可以在datepicker和输入框上拥有不同的日期了。
注意:以上代码示例中使用了jQuery和jQuery UI库,如果你没有引入这些库,请先引入它们。另外,这只是一种实现方式,具体的实现方法可能因使用的日期选择器插件或库而有所不同。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云