JQuery DatePicker在页面加载时设置默认日期
我正在为一个应用程序使用2个JQueryUI日期选择器,其中我使用ajax将日期发布到后端MySQL数据库。第一个日期选择器用于发布初始日期。第二个日期选择器用于发布修改后的日期 在这两种情况下,当用户没有从日期选择器中选择日期时,我遇到了一个问题。这是因为onSelect函数用于检索日期值,该值被传递给ajax,以便在MySQL数据库中发布 我相信我需要在页面加载时为这两个日期选择器定义默认的日期值,这样,如果用户没有选择日期,那么当它被传递到AJAX进行发布时,它就不会被取消定义 最好的方法是什么JQuery DatePicker在页面加载时设置默认日期,jquery,jquery-ui-datepicker,Jquery,Jquery Ui Datepicker,我正在为一个应用程序使用2个JQueryUI日期选择器,其中我使用ajax将日期发布到后端MySQL数据库。第一个日期选择器用于发布初始日期。第二个日期选择器用于发布修改后的日期 在这两种情况下,当用户没有从日期选择器中选择日期时,我遇到了一个问题。这是因为onSelect函数用于检索日期值,该值被传递给ajax,以便在MySQL数据库中发布 我相信我需要在页面加载时为这两个日期选择器定义默认的日期值,这样,如果用户没有选择日期,那么当它被传递到AJAX进行发布时,它就不会被取消定义 最好的方法
<script>
$(function() {
$( ".datepicker" ).datepicker({
inline: true,
//nextText: '→',
//prevText: '←',
showOtherMonths: true,
dateFormat: 'yy-mm-dd',
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
//showOn: "button",
//buttonImage: "img/calendar-blue.png",
//buttonImageOnly: true,
onSelect: function(dateText, inst) {
reservationDate = $(".datepicker[name=datepicker1]").val();
modifyDate = $(".datepicker[name=datepicker2]").val();
}
});
});
</script>
<input type="text" class='datepicker' name="datepicker1" />
<input type="text" class='datepicker' name="datepicker2" />
$(函数(){
$(“.datepicker”).datepicker({
是的,
//下一个文本:“&rarr;”,
//prevText:“&larr;”,
showOtherMonths:是的,
日期格式:'年-月-日',
dayNamesMin:[“太阳”、“星期一”、“星期二”、“星期三”、“星期四”、“星期五”、“星期六”],
//展示:“按钮”,
//buttonImage:“img/calendar blue.png”,
//buttonImageOnly:正确,
onSelect:函数(日期文本,inst){
reservationDate=$(“.datepicker[name=datepicker1]”).val();
modifyDate=$(“.datepicker[name=datepicker2]”)。val();
}
});
});
最简单的方法是在文本字段中输入默认日期
<input type="text" class='datepicker' name="datepicker1" value="01/01/2013" />
我不知道这是否是您的最佳方案。只需使用您要设置的日期创建输入:
<input type="text" class="datepicker" name="datepicker1" value="Your date Here" />
jQueryUIDatePicker还允许您指定一个
或者在AJAX请求中,将空值替换为要发布的日期。@AndrewGibson
defaultDate
在打开日期选择器之前不会填充表单字段。谢谢@Barmar。我删除了我的评论,因为其他人已经回答了这个问题。安迪。