Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将jQuery日期选择器添加到asp.net页面上的图像_Jquery_Asp.net_Jquery Ui - Fatal编程技术网

如何将jQuery日期选择器添加到asp.net页面上的图像

如何将jQuery日期选择器添加到asp.net页面上的图像,jquery,asp.net,jquery-ui,Jquery,Asp.net,Jquery Ui,我刚刚成功地为一个输入:type“text”控件分配了一个基本的日期选择器。下一个目标是在单击图像时将日期选择器分配给showOn。图像可以位于输入框的左侧或右侧。我可以在aJax控件中实现这一点,但我确实在努力学习jQuery,所以请展示您的方式!我有两个其他的输入框,我将重复同样的方法,所以这将是甜蜜的,让它运行起来!到目前为止,这是我将datepicker分配给控件的jQuery $(function () { $("input[id$='txtPreviousCutOff']").

我刚刚成功地为一个输入:type“text”控件分配了一个基本的日期选择器。下一个目标是在单击图像时将日期选择器分配给showOn。图像可以位于输入框的左侧或右侧。我可以在aJax控件中实现这一点,但我确实在努力学习jQuery,所以请展示您的方式!我有两个其他的输入框,我将重复同样的方法,所以这将是甜蜜的,让它运行起来!到目前为止,这是我将datepicker分配给控件的jQuery

$(function () {
   $("input[id$='txtPreviousCutOff']").datepicker();
});
注意:我还想在那个日期后面加上一个时间,我该怎么做?我想将12:00:00 AM附加到所选日期。我尝试了此操作,但失败:(


Datepicker插件包含文档中第一部分的参数:

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

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

您可以执行以下操作:

<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")
  });
});

$(函数(){
$(“#invdate”).datepicker();
$(“#dpimage”)。单击(函数(){
$(“#invdate”).datepicker(“show”)
});
});

我使用了这个方法,它工作得完美无缺!但是我也使用了第一次响应的部分答案。我使用了onClose事件来处理append,效果很好:)我在这里还有一个问题。如果未选择日期,如何使其不在onclose事件上追加文本?
<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")
  });
});