如何将 jQuery Datepicker 添加到 asp.net 页面上的图像答案

【问题标题】：How to add jQuery Datepicker to image on asp.net page如何将 jQuery Datepicker 添加到 asp.net 页面上的图像
【发布时间】：2012-11-24 23:46:26
【问题描述】：

我刚刚成功地将一个基本的日期选择器分配给了一个输入：键入“文本”控件。下一个目标是在单击图像时将日期选择器分配给 showOn。图像可以在输入框的左侧或右侧。我可以在 aJax 控件中做到这一点，但我真的很想学习 jQuery，所以请指路！我还有 2 个其他输入框，我将重复相同的方法，所以启动并运行它会很甜蜜！到目前为止，这是我将日期选择器分配给控件的 jQuery

$(function () {
   $("input[id$='txtPreviousCutOff']").datepicker();
});

注意：我还想在该日期附加一个时间，我该怎么做？我想将 12:00:00 AM 附加到所选日期..我试过这个但它失败了:(

$(function () {
   var input = $("input[id$='txtPreviousCutOff']");
   input.val(input.val() + " " + "12:00:00 AM");
});

【问题讨论】：

标签： jquery asp.net jquery-ui

【解决方案1】：

您可以执行以下操作：

<input id='invdate' name='invdate' type='text'/>
<span style='padding:5px'><img id='dpimage' alt="img" src='calendar2.gif'></span>

$(function() {
  $("#invdate").datepicker();
  $("#dpimage").click(function () {
    $("#invdate").datepicker("show")
  });
});

Working Demo

【讨论】：

我采用了这种方法，它完美无瑕！但是，我确实也使用了第一个响应中的部分答案。我使用 onClose 事件来处理效果很好的附加 :)
我在此期间确实还有另一个问题。如果没有选择日期，如何使它不在 onclose 事件上附加文本？

【解决方案2】：

Datepicker 插件具有第一部分的参数，来自文档：

$(function() {
    $( "#datepicker" ).datepicker({
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true
    });
});

至于您的第二个问题，您可能会在 onClose() 事件上附加更多成功，实例和值被传递，因此您应该能够获取日期并将其附加到时间，然后将其附加到输入。还要确保您的 ASP.net 输入 ID 不是动态创建的。

【讨论】：