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