2 同一页面中的多个日期选择器

Question

我的网页中有 2 个日期选择器，不知何故一个继续另一个。我希望他们以不同的方式工作。可能是 dateText 对象的原因，但不知道如何清理它。

有两个脚本调用同一个类

<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.10.3.custom.css">
<script src="js/jquery.datepicker.extension.range.min.js"></script>

<script>
$(function() {
    $('#date_range').datepicker({
        range: 'multiple',
        onSelect: function(dateText, inst, extensionRange) {    
            $('#dataF').val(extensionRange.datesText.join(','));
            $('#date_range').val('DATA');
            $('#datepicker').datepicker('selected','');
        }
    });
});
$("#date_range2").click(function(){
    $('#date_range2').val(" ").datepicker({startDate: "+7d"});                  
});
</script>
<script>
$(function() {
    $('#date_range2').datepicker({
        range: 'multiple',
        onSelect: function(dateText, inst, extensionRange) {
            $('#dataS').val(extensionRange.datesText.join(','));
            $('#date_range2').val('TILL');
        }
    });
});
</script>

那我有

<input id="date_range" value="DATA:" />

<input name="dataF" id="dataF" type="text" size="50" /> 

<input id="date_range2" value="TILL:" />

<input  name="dataS" id="dataS" type="text" size="50" /> 

Answer 1

试试这个解决方案 示例链接http://jsfiddle.net/fMD62/

<input type="text" id="datepicker1" name="datepicker1" value="" />
<input type="text" id="datepicker2" name="datepicker2" value="" />


$(function() {
    $("#datepicker1").datepicker();
    $("#datepicker2").datepicker();
});