jQuery表单插件&；jQuery日期选择器不能一起工作

我正在尝试使用jQuery的表单插件。我使用的是JSON示例

由于某种原因，当我使用jQuery表单插件时，页面上没有显示日期选择器。在我的jquery文件中，我得到：

jQuery.noConflict();

jQuery(document).ready(function($) {


    $('#csf_map_form').ajaxForm(function() {
        dataType: 'json',
        success: process_json
    });


    function process_json(data) {
        alert(data.csf_map_offense_group1);
    }



    $('#csf_map_start_date').datepicker({

        dateFormat : 'mm/dd/yy',
        yearRange : '2011:2011',
        changeMonth: true,
        changeYear: true,
        defaultDate : new Date(2011, 8-1,1),
        minDate : new Date(2011, 1-1,1),
        maxDate : new Date(2011, 8-1, 25)

    });



     $('#csf_map_end_date').datepicker({
        dateFormat : 'mm/dd/yy',
        yearRange : '2011:2011',
        changeMonth: true,
        changeYear: true,
        defaultDate : new Date(2011, 8-1, 25),
        minDate : new Date(2011, 1-1,1),
        maxDate : new Date(2011, 8-1, 25)

    });

});

在我的php文件中，表单如下所示：

 //start form
        $output .= '<form id="csf_map_form" action="path-to-file/csf_map_form_handler.php" method="post" >'; 


    //1st datepicker
            $output .= '<div>';
            $output .= '<label for="csf_map_start_date">Start Date:</label>';
            $output .= '<div id="csf_map_start_date"  style="font-size: 10px;"></div>';
            $output .= '</div>';

    //2nd datepicker    
            $output .= '<div>';
            $output .= '<label for="csf_map_end_date">End Date:</label>';
            $output .= '<div id="csf_map_end_date"  style="font-size: 10px;"></div>';             
            $output .= '</div>';  

 //radio button group div           
            $output .= '<div style="float: left; width: 150px; margin: auto; padding-left: 20px; ">'; 
            $output .= '<label for="csf_map_group1">Select Offense:</label><br />';
            $output .=  '<input type="radio" name="csf_map_group1" checked="checked" value="TINY">Tiny</input><br />';  
            $output .=  '<input type="radio" name="csf_map_group1" value="MEDIUM"/>Medium</input><br />';
            $output .=  '<input type="radio" name="csf_map_group1" value="LARGE">Large</input><br />';
            $output .= '</div>'; //end radiobuttons

            $output .='<input type="submit" value="Submit" />';

            $output .=  '</form>';

//开始表单
$output.=''；
//第一日期选择器
$output.=''；
$output.='开始日期：'；
$output.=''；
$output.=''；
//第二日期选择器
$output.=''；
$output.=“结束日期：”；
$output.=''；
$output.=''；
//单选按钮组
$output.=''；
$output.=“选择攻击：
”；
$output.='Tiny
'；
$output.='Medium
'；
$output.='Large
'；
$output.=''//结束单选按钮
$output.=''；
$output.=''；

由于某些原因，ajaxForm与日期选择器冲突。如果我注释掉启动$（'csf_map_form'）.ajaxForm的函数和process_json函数，那么表单中的日期选择器工作正常。如果我不把它们注释掉，那么日期选择器就不会出现。但是，单击submit时会触发警报。它会提醒在radiobutton中选择的内容

你知道发生了什么事吗？我怎样才能让他们玩得开心呢？我犯了什么错误

---

谢谢你。

万岁，我知道了

1） 我将内联日期选择器更改为默认值——将日期选择器上的div替换为

2） 我在$（“#csf_map_表单”）中缺少“#”

3） 在csf_map_form_handler.php中，我只返回表单信息的一部分。当我更改它，以便返回开始和结束日期以及单选按钮的选择时，它工作了

---

谢谢。

您使用的是什么版本的jQuery和jQuery UI？