jquery Datepicker-在页面加载时填充输入字段

jquery Datepicker-在页面加载时填充输入字段,jquery,datepicker,Jquery,Datepicker,在ASP经典页面中,我有以下三个输入框,每个框都与相应的jquery datepicker日历关联: <br /> Start Date: <input type="text" id="dtpDateStart" name="dtpDateStart" /> <br /> <br /> End Date: <input type="text" id="dtpDateEnd" name="dtpDateEnd" /> <br /

在ASP经典页面中,我有以下三个输入框,每个框都与相应的jquery datepicker日历关联:

<br />
Start Date: <input type="text" id="dtpDateStart" name="dtpDateStart" />
<br />
<br />
End Date:   <input type="text" id="dtpDateEnd" name="dtpDateEnd" />
<br />
<br />
Return By:  <input type="text" id="dtpDateReturn" name="dtpDateReturn" />
<br />
但似乎无法将其应用到上述函数中


有什么建议吗?

我不确定回答我自己的问题而不是编辑它的礼节,但我最后做了什么。根据@jesus.tesh的建议,我通过服务器端将值(即今天的日期)添加到页面加载的输入字段中,例如

<% 
  Dim todaysDate 
  todaysDate = Date()
%>

<input type="text" id="dtpDateEnd" name="dtpDateEnd" value="<%=todaysDate%>" />

我还更改了上面的javascript/jQuery以更好地满足我的需要:

<script type="text/javascript">

$(function () {
    $("#dtpDateReturn").datepicker({ beforeShowDay: $.datepicker.noWeekends, dateFormat: 'm/d/yy', changeMonth: true, changeYear: true });
    $("#dtpDateReturn").datepicker("setDate", +1);
});

$(function () {
    $("#dtpDateStart").datepicker({
        beforeShowDay: $.datepicker.noWeekends,
        changeMonth: true,
        changeYear: true,
        dateFormat: 'm/d/yy',
        onClose: function (selectedDate) {
            $("#dtpDateEnd").datepicker("option", "minDate", selectedDate);
        }
    });
    $("#dtpDateEnd").datepicker({
        beforeShowDay: $.datepicker.noWeekends,
        changeMonth: true,
        changeYear: true,
        dateFormat: 'm/d/yy',
        onClose: function (selectedReturnDate) {
            $("#dtpDateReturn").datepicker("option", "minDate", selectedReturnDate);
        }
    });

    $("#dtpDateReturn").datepicker( {});
});

$(函数(){
$(“#dtpDateReturn”).datepicker({beforeShowDay:$.datepicker.noWeekends,dateFormat:'m/d/yy',changeMonth:true,changeYear:true});
$(“#dtpDateReturn”).datepicker(“setDate”,+1);
});
$(函数(){
$(“#dtpDateStart”).datepicker({
在ShowDay之前:$.datepicker.noWeekends,
变化月:对,
变化年:是的,
日期格式:“m/d/yy”,
onClose:函数(selectedDate){
$(“#dtpDateEnd”).datepicker(“选项”,“minDate”,selectedDate);
}
});
$(“#dtpDateEnd”).datepicker({
在ShowDay之前:$.datepicker.noWeekends,
变化月:对,
变化年:是的,
日期格式:“m/d/yy”,
onClose:函数(selectedReturnDate){
$(“#dtpDateReturn”).datepicker(“option”,“minDate”,selectedReturnDate);
}
});
$(“#dtpDateReturn”).datepicker({});
});


它几乎满足了我的需要

为什么不设置第一个datepicker服务器端的值呢?至于更改其他字段的日期,您需要检查datepicker API中的某种
change
事件,并使用它。谢谢@jesus.tesh,我最后为一些输入字段做了这样的操作
<% 
  Dim todaysDate 
  todaysDate = Date()
%>

<input type="text" id="dtpDateEnd" name="dtpDateEnd" value="<%=todaysDate%>" />
<script type="text/javascript">

$(function () {
    $("#dtpDateReturn").datepicker({ beforeShowDay: $.datepicker.noWeekends, dateFormat: 'm/d/yy', changeMonth: true, changeYear: true });
    $("#dtpDateReturn").datepicker("setDate", +1);
});

$(function () {
    $("#dtpDateStart").datepicker({
        beforeShowDay: $.datepicker.noWeekends,
        changeMonth: true,
        changeYear: true,
        dateFormat: 'm/d/yy',
        onClose: function (selectedDate) {
            $("#dtpDateEnd").datepicker("option", "minDate", selectedDate);
        }
    });
    $("#dtpDateEnd").datepicker({
        beforeShowDay: $.datepicker.noWeekends,
        changeMonth: true,
        changeYear: true,
        dateFormat: 'm/d/yy',
        onClose: function (selectedReturnDate) {
            $("#dtpDateReturn").datepicker("option", "minDate", selectedReturnDate);
        }
    });

    $("#dtpDateReturn").datepicker( {});
});