Question

这不符合我想要的方式。目前，文本字段激活日期选择器。但我希望点击按钮激活日期选择器：

  <script type="text/javascript">
        $j(function() {
            $j(".prop-expiry input").datepicker({
                showTrigger: '#exp-date-button'
            });
        });
    </script>

这样做，但我希望能够使用悬停图像作为日期选择按钮（目前，它显示img和hover img ...因为png是精灵。）

<script type="text/javascript"> 
$(function() {
    $(".prop-expiry input").datepicker({
        showOn: 'button',
        buttonImage: '..images/btn_datepicker.png',
        buttonImageOnly: true
    });
});
</script>

我希望日期选择器显示的字段/按钮：

<input class="input-field hasDatepicker" 
       id="object_expires_at" 
       name="object[expires_at]" 
       onclick="$j('.prop-expiry input').val(''); 
                $j('.prop-expiry input').css('color', 'black');" 
       size="30" type="text" 
       value="Enter or pick a date">
<a id="exp-date-button" class="date-picker">Expiration Date</a>

我想要的是：用户点击#exp-date-button

然后出现datepicker。

想法？

Answer 1

我明白你的代码是什么，你应该做那样的事情：

$("#exp-date-button").datepicker({
     /* your config */
});

对于悬停状态，我建议使用css解决方案。更少的javascript总是更好;）和你使用的jQuery Datepicker？

jQuery：如何从与datepicker将日期插入的输入字段分开的元素中激活一个datepicker？

1 个答案: