Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery UI日期选择器日期范围_Javascript_Jquery_Jquery Ui_Date - Fatal编程技术网

Javascript jQuery UI日期选择器日期范围

Javascript jQuery UI日期选择器日期范围,javascript,jquery,jquery-ui,date,Javascript,Jquery,Jquery Ui,Date,我使用带有Datepicker函数的jQueryUI插件来设置日期范围。页面上提供的示例根据输入“id”设置范围;但是,我想将基于“class”的范围设置为我的表单“clone”,以添加额外的输入,从而使每个克隆上的“id”字段都是唯一的。当我将JavaScript更改为使用“class”而不是“id”时,范围将不再起作用 JavaScript: <script src="../../scripts/jquery-1.6.4.js"></script> <scrip

我使用带有Datepicker函数的jQueryUI插件来设置日期范围。页面上提供的示例根据输入“id”设置范围;但是,我想将基于“class”的范围设置为我的表单“clone”,以添加额外的输入,从而使每个克隆上的“id”字段都是唯一的。当我将JavaScript更改为使用“class”而不是“id”时,范围将不再起作用

JavaScript:

<script src="../../scripts/jquery-1.6.4.js"></script>
<script src="../../scripts/jqueryui/ui/jquery.ui.core.js"></script>
<script src="../../scripts/jqueryui/ui/jquery.ui.datepicker.js"></script>
<script>
        $(function() {
            var dates = $( ".start_date, .end_date" ).datepicker({
                onSelect: function( selectedDate ) {
                    var option = this.class == "start_date" ? "minDate" : "maxDate",
                        instance = $( this ).data( "datepicker" ),
                        date = $.datepicker.parseDate(
                            instance.settings.dateFormat ||
                            $.datepicker._defaults.dateFormat,
                            selectedDate, instance.settings );
                    dates.not( this ).datepicker( "option", option, date );
                }       
            }); 
        });
</script>
HTML:


要检查元素是否有类,请执行以下操作:

 if ($(this).is('.start_date')) {

DOM元素属性的名称是className,而不是class。此外,检查类名是否等于某个字符串也会使代码变得脆弱,因为您永远不知道是否需要添加另一个类,例如required。因此,您应该始终使用jQuery或其他一些方法来检查对象可能具有多个类的可能性


此外,您可能需要查看jQuery的灯丝组。

您可能需要详细说明日期范围不再起作用的方式。是否存在JavaScript错误?如果是,有哪些错误?他们做错事了吗?如果是,怎么做?
 if ($(this).is('.start_date')) {
 if ($(this).hasClass('start_date')) {