jquery Datepicker-在页面加载时填充输入字段
在ASP经典页面中,我有以下三个输入框,每个框都与相应的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 /
<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( {});
});