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