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

【问题标题】：JQuery DatePicker set default date on page loadJQuery DatePicker 在页面加载时设置默认日期
【发布时间】：2013-06-27 19:27:16
【问题描述】：

我将 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" />

【问题讨论】：

标签： jquery jquery-ui-datepicker

【解决方案1】：

最简单的方法是将默认日期放在文本字段中。

<input type="text" class='datepicker' name="datepicker1" value="01/01/2013" />

我不知道这是否是您方案中最好的。

【讨论】：

@AndrewGibson defaultDate 在打开日期选择器之前不会填写表单字段。
谢谢@Barmar。我删除了我的评论，因为其他人已经回答了这个问题。安迪。

【解决方案2】：

只需使用您要设置的日期创建输入：

<input type="text" class="datepicker" name="datepicker1" value="Your date Here" />

jQuery UI 日期选择器还允许您指定default date。

或者在您的 AJAX 请求中，将空值替换为您要发布的日期。

【讨论】：