Question

我正在使用2个JQueryUI日期选择器，我正在使用ajax将日期发布到后端MySQL数据库。第一个datepicker用于发布初始日期。第二个datepicker用于发布修改日期。

在任何一个实例中，当用户没有从日期选择器中选择日期时，我遇到了问题。这是因为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" />

Answer 1

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

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

我不知道你的情况下这是否是最好的。

Answer 2

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

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

jQuery UI datepicker还允许您指定default date。

或者在您的AJAX请求中，将null值替换为您要POST的日期。

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

2 个答案: