我有一个可以工作和搜索的日历程序。默认情况下,jQuery 将用户选择的日期推送到输入框。
<input type="hidden" id="datepickerFrom" />
据我所知,您在搜索时无法获取此值(如果可以,则可以解决以下问题)
然后我将 jQuery、CSS 和文本/标签框移到主程序中,但是当我单击日历功能时,它会显示日历,并按照上面的方式填写输入框。(我解开这个来检查)
在我的独立版本中,我的日期是
<asp:TextBox ID="lblDateStart" runat="server" width="120px" />
jQuery 基于文件夹中的 js 文件,并且显然被引用,否则什么都不起作用。
填写两者的代码如下。我已经来回玩了几门课程。
我尝试将 CSS/jQuery 引用放在主文件和 .aspx 文件中以查看它是否有所作为,并将 jQuery 放在页面本身上(混乱但很好的测试)。
因此,CSS 和引用可以根据我的能力进行工作。错误反馈到页面,但仅针对文本框。
在日历日期点击触发的代码...
//Varibles passed out here from the functions as we can not check inputs
var lblDateStart = '<%= lblDateStart.ClientId %>';
function setLabelStart(yourDate1) {
$("#lblDateStart").val(yourDate1);
}
var lblDateEnd = '<%= lblDateEnd.ClientId %>';
function setLabelEnd(yourDate2) {
$("#lblDateEnd").val(yourDate2);
}
$(document).ready(function () {
$("#datepickerFrom").datepicker({
//display month drop down
changeMonth: true,
//display year drop down
changeYear: true,
//date format
dateFormat: "dd/mm/yy",
//calender image
showOn: "button",
buttonImage: "../images/calendar.gif",
buttonImageOnly: true,
//multiple months
numberOfMonths: 3,
//show 'done' button
//showButtonPanel: true,
// Default Date
defaultDate: "-4w",
//pass value to variable
onSelect: setLabelStart
});
});
//More than one date? You need to scripts
$(document).ready(function () {
$("#datepickerTo").datepicker({
//display month drop down
changeMonth: true,
//display year drop down
changeYear: true,
//date format
dateFormat: "dd/mm/yy",
//calender image
showOn: "button",
buttonImage: "../images/calendar.gif",
buttonImageOnly: true,
//multiple months
numberOfMonths: 3,
//show 'done' button
//showButtonPanel: true,
// Default Date
defaultDate: "+0w",
//pass value to variable
onSelect: setLabelEnd
});
});
所以我现在需要一点指导,如果你想了解更多细节,请告诉我。:-)
我怀疑这可能与下面的 ClientID 行有关,但这可能是一个红鲱鱼?
var lblDateEnd = '<%= lblDateEnd.ClientId %>';