0

我有一个注册表单，人们可以在其中选择从数据库中选择的多个日期。我使用 jQuery UI 日期选择器。一切正常，但是当我提交表单时，它会像这样为我保存日期本身："09/16/2012,08/04/2011,04/19/1994"。我想存储日期的 ID。

有谁知道如何获取所选日期的 ID，并将其放入value=""属性中？

<input type="text" class="datepicker" name="live[]" value="">

<script>
var dates = [<?php $i=0; while($dataDate = mysql_fetch_object($dates)) : echo ($i>0) ?  ", " : ""; echo '"'.date("n-j-Y", strtotime($dataDate->date)).'"'; $i++; endwhile;?>];
var enabledDays = dates;
function enableAllTheseDays(date) {
var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
for (i = 0; i < enabledDays.length; i++) {
    if($.inArray((m+1) + '-' + d + '-' + y,enabledDays) != -1) {
        return [true];
    }
}
return [false];
}
$('.datepicker').datepicker({
    beforeShowDay: enableAllTheseDays,
    yearRange: "1994:2012",
    changeMonth: true,
    changeYear: true
});
</script>
4

1 回答 1

0

好的，这是获得理想结果的全新方法。首先，将日期放在 json obejct 中。

让您的 SQL 查询选择 id，现在从数据库中选择日期，如果您有php json可用，只需使用

<?php   
while($row = mysql_fetch_object($query) ) {
    $data[] = array( "id" => $row['id'], "date" => $row['date'] );
}

echo "var dates = [" . json_encode($data) . "];";
?>

否则你可以这样做：

<?php
echo "var dates = [";
while($row = mysql_fetch_object($query) ) {
    $data[] = '{"id" : "' .$row["id"] . '", "date" : "' . $row["date"] . '" }';
}
echo implode(',', $data);
echo "];";
?>

现在我们得到了 json 对象，它应该看起来像

[{"id" : "12", "date": "2012-02-01"},{"id" : "33", "date": "2012-02-03"}]

我稍微调整了您的功能，以使用我们的 json 对象

function enableAllTheseDays(date) {
    var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
    var datestr = y + "-" + m + "-" + d;
    for (i = 0; i < dates.length; i++) {
        if( dates[i].date == datestr) {
            return [true];
        }
    }
    return [false];
}

$('.datepicker').datepicker({
    beforeShowDay: enableAllTheseDays,
    yearRange: "1994:2012",
    changeMonth: true,
    changeYear: true
});

现在回到获取 id

$('.datepciker').on('change',function() {
    for(var i = 0; i < dates.length; i++) {
        if( dates[i].date == $(this).val() )
        var index = dates[i].id;
    }

    $("#date_id_holder").val( index );

    });

现在您的 $("#date_id_holder") 包含所选日期的 id

于 2012-09-16T07:42:05.240 回答