Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery DatePicker在页面加载时设置默认日期_Jquery_Jquery Ui Datepicker - Fatal编程技术网

JQuery DatePicker在页面加载时设置默认日期

JQuery DatePicker在页面加载时设置默认日期,jquery,jquery-ui-datepicker,Jquery,Jquery Ui Datepicker,我正在为一个应用程序使用2个JQueryUI日期选择器,其中我使用ajax将日期发布到后端MySQL数据库。第一个日期选择器用于发布初始日期。第二个日期选择器用于发布修改后的日期 在这两种情况下,当用户没有从日期选择器中选择日期时,我遇到了一个问题。这是因为onSelect函数用于检索日期值,该值被传递给ajax,以便在MySQL数据库中发布 我相信我需要在页面加载时为这两个日期选择器定义默认的日期值,这样,如果用户没有选择日期,那么当它被传递到AJAX进行发布时,它就不会被取消定义 最好的方法

我正在为一个应用程序使用2个JQueryUI日期选择器,其中我使用ajax将日期发布到后端MySQL数据库。第一个日期选择器用于发布初始日期。第二个日期选择器用于发布修改后的日期

在这两种情况下,当用户没有从日期选择器中选择日期时,我遇到了一个问题。这是因为onSelect函数用于检索日期值,该值被传递给ajax,以便在MySQL数据库中发布

我相信我需要在页面加载时为这两个日期选择器定义默认的日期值,这样,如果用户没有选择日期,那么当它被传递到AJAX进行发布时,它就不会被取消定义

最好的方法是什么

<script>
$(function() {
$( ".datepicker" ).datepicker({
        inline: true,
        //nextText: '&rarr;',
        //prevText: '&larr;',
        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。我删除了我的评论,因为其他人已经回答了这个问题。安迪。