将jquery-ui Datepicker与单击时插入文本结合起来的方法。

Question

我有一个包含许多输入字段的表列表，其中包含jqueury datpicker。 每个输入字段都有日期选择器类和一个随机ID号。 在输入字段中单击时，将弹出datpicker。 单击日期，将插入dtae。 因此，他的日期选择器工作正常。 但是现在我想在输入字段旁边添加图像或文本链接，当我单击图像/文本时，输入字段上的内容将更改为所选文本。 但是直到现在我还不能将日期选择器和这种功能结合在一起。

我试过的例子：

 <input type="text" id="a11" class="datepicker" name="sterilizationdate_1" value="<?php echo $sterilizationdate_1?>">
    <a href="#" class="CSA" onClick="addTextTag('To sterilization'); return false">CSA</a>

和JavaScript

$('a.CSA').click(function(){
    $('.datepicker').val($('.datepicker').val()+$(this).html());
});

我在没有datepicker的情况下测试了此代码，但效果很好……为什么我不能将两者结合起来？

找到另一个解决方案

自定义文本插入日期选择器

Answer 1

您正在尝试获取input标签的val() ，但在anchor标签上调用val

$('a.CSA').click(function(){
    $('.datepicker').val($('.datepicker').prev().val()+$(this).html());
});

Answer 2

在如何调用Datepicker上可能还有另一个问题。

你可以试试：

$('a.CSA').on('click', function(){
    $('.datepicker').val($('.datepicker').prev().val()+$(this).html());
});

代替：

$('a.CSA').click(function(){
    $('.datepicker').val($('.datepicker').prev().val()+$(this).html());
});

请此链接.on（）