Javascript 当时,我现有的带有单一日期选择器的表单已经不起作用了,所以我不得不添加一点来处理这些表单,现在看起来一切都很好。在本例中,数据库字段实际上是一个Unix时间戳,因此表单在提交时会得到处理,并根据需要转换两个字段,但为了清楚起见,我没有在这里包含该代码 $(

Javascript 当时,我现有的带有单一日期选择器的表单已经不起作用了,所以我不得不添加一点来处理这些表单,现在看起来一切都很好。在本例中,数据库字段实际上是一个Unix时间戳,因此表单在提交时会得到处理,并根据需要转换两个字段,但为了清楚起见,我没有在这里包含该代码 $(,javascript,jquery,html,jquery-ui,datepicker,Javascript,Jquery,Html,Jquery Ui,Datepicker,当时,我现有的带有单一日期选择器的表单已经不起作用了,所以我不得不添加一点来处理这些表单,现在看起来一切都很好。在本例中,数据库字段实际上是一个Unix时间戳,因此表单在提交时会得到处理,并根据需要转换两个字段,但为了清楚起见,我没有在这里包含该代码 $(document).ready(function(){ $( "#StartDate" ).datepicker({ altField: '#datepick

当时,我现有的带有单一日期选择器的表单已经不起作用了,所以我不得不添加一点来处理这些表单,现在看起来一切都很好。在本例中,数据库字段实际上是一个Unix时间戳,因此表单在提交时会得到处理,并根据需要转换两个字段,但为了清楚起见,我没有在这里包含该代码

$(document).ready(function(){ 
       $( "#StartDate" ).datepicker({   
                                altField: '#datepicker',
                                altFormat: 'yy-mm-dd',
                                dateFormat: 'D M d, yy', 
                                firstDay: 1,
      onClose: function( selectedDate ) {  
        $( "#StartDate" ).datepicker( "option", "minDate", selectedDate );  
      }  
    });  
    $( "#EndDate" ).datepicker({
                                altField: '#datepicker',
                                altFormat: 'yy-mm-dd',
                                dateFormat: 'D M d, yy', 
                                firstDay: 1,
      onClose: function( selectedDate ) {
        $( "#EndDate" ).datepicker( "option", "maxDate", selectedDate );
      }
    }); 
        $( "#datepicker" ).datepicker({
                                altField: '#datepicker',
                                altFormat: 'yy-mm-dd',
                                dateFormat: 'D M d, yy', 
                                firstDay: 1,
      onClose: function( selectedDate ) {
        $( "#datepicker" ).datepicker( "option", "maxDate", selectedDate );
      }
    });     
  });

+1用于ASCII艺术。能否删除
$(“#datepicker2”).datepicker()
并查看发生了什么,如果您正在编写代码副本,则是否仍触发datepicker2检查。。。。这不应该发生……:)它应该工作得很好:作为对jQuery1.9.1的旁注升级,因为有很多bug修复程序需要回复——遗憾的是它没有工作。但是,我同意一定有什么东西干扰了jquery。我仍然在寻找代码,试图找到冲突。这两个字段都有不同的名称/ID,我甚至已经确定它们使用的是不同的CSS类(我知道这不重要,但我只是在尝试我能想到的任何东西)。我一般倾向于避免使用iFrame,对于这个特殊的页面,我根本不允许使用它们(安全问题)。是的,这就是它当前的设置方式。我知道我可以为每个日期选择器设置的各种参数-这不是我的问题。感谢您跟踪并分享解决方案,我面临着完全相同的问题。尽管我不相信jQuery1.9.1和jQueryUI1.10.0会发生这种情况。我认为复制这个问题的主要细节是在一个对话框中有两个日期选择器(在我的例子中是模态的),你的链接帮助了我。谢谢试图在两个字段上连接日期选择器,但fieldA有一个“自动对焦”功能。如果我没有点击另一个字段,fieldA上的日期选择器就不会出现。删除“自动对焦”后,每个字段上的日期选择器都能正常工作。只要ID相同,这就不起作用,尽管在我的情况下,我得到了不同的ID,所以它对我有效。谢谢这个-有同样问题的随机编码者。你救了我的命:)
$(function() {
    $("#datepicker1").datepicker();
    $("#datepicker2").datepicker();
});
<input type="text" id="datepicker1" name="datepicker1" value="" />
<input type="text" id="datepicker2" name="datepicker2" value="" />
$(function() {
    $("#datepicker1,#datepicker2").datepicker();
});
\---/\---/\---/_______________
/                            /
\  ####IFRAME######          \
\  #              #          \
/  #DATEPICKER1   #          /
\  #              #          \
/  #DATEPICKER2   #          /
\  #              #          \
/  ################          /
\                            \
/____________________________/
$(function() {
    $('.datepicker').each(function(){
        $(this).datepicker();
    });
});
$("#fecha_1").datepicker({
    dateFormat: "dd/mm/yy",
    dayNames: "Domingo Lunes Martes Miercoles Jueves Viernes Sabado".split(" "),
    dayNamesMin: "Do Lu Ma Mi Ju Vi Sa".split(" "),
    dayNamesShort: "Do Lu Ma Mi Ju Vi Sa".split(" "),
    monthNames: "Enero Febrero Marzo Abril Mayo Junio Julio Agosto Septiembre Octubre Noviembre Diciembre".split(" "),
    monthNamesShort: "Ene Feb Mar Abr May Jun Jul Ago Sep Oct Nov Dic".split(" "),
    prevText: "Ant",
    nextText: "Sig",
    currentText: "Hoy",
    changeMonth: !0,
    changeYear: !0,
    showAnim: "slideDown",
    yearRange: "1900:2100"
});

$("#fecha_2").datepicker({
    dateFormat: "dd/mm/yy",
    dayNames: "Domingo Lunes Martes Miercoles Jueves Viernes Sabado".split(" "),
    dayNamesMin: "Do Lu Ma Mi Ju Vi Sa".split(" "),
    dayNamesShort: "Do Lu Ma Mi Ju Vi Sa".split(" "),
    monthNames: "Enero Febrero Marzo Abril Mayo Junio Julio Agosto Septiembre Octubre Noviembre Diciembre".split(" "),
    monthNamesShort: "Ene Feb Mar Abr May Jun Jul Ago Sep Oct Nov Dic".split(" "),
    prevText: "Ant",
    nextText: "Sig",
    currentText: "Hoy",
    changeMonth: !0,
    changeYear: !0,
    showAnim: "slideDown",
    yearRange: "1900:2100"
}); 
\---/\---/\---/_______________
/                            /
\                            \
/  TEXTFIELD1   DATEPICKER1  /
\                            \
/  TEXTFIELD2   DATEPICKER2  /
\                            \
/                            /
\                            \
/____________________________/
if ( $.ui.dialog.overlayInstances ) {
    this._on( this.document, {
        focusin: function( event ) {
            if ( !$( event.target ).closest(".ui-dialog").length ) {
                event.preventDefault();
                $(".ui-dialog:visible:last .ui-dialog-content")
                    .data("ui-dialog")._focusTabbable();
            }
        }
    });
}
<span class="ui-helper-hidden-accessible"><input type="text" /></span>
$('date1').datepicker('destroy');
$('date2').datepicker();
$(document).ready(function(){ 
       $( "#StartDate" ).datepicker({   
                                altField: '#datepicker',
                                altFormat: 'yy-mm-dd',
                                dateFormat: 'D M d, yy', 
                                firstDay: 1,
      onClose: function( selectedDate ) {  
        $( "#StartDate" ).datepicker( "option", "minDate", selectedDate );  
      }  
    });  
    $( "#EndDate" ).datepicker({
                                altField: '#datepicker',
                                altFormat: 'yy-mm-dd',
                                dateFormat: 'D M d, yy', 
                                firstDay: 1,
      onClose: function( selectedDate ) {
        $( "#EndDate" ).datepicker( "option", "maxDate", selectedDate );
      }
    }); 
        $( "#datepicker" ).datepicker({
                                altField: '#datepicker',
                                altFormat: 'yy-mm-dd',
                                dateFormat: 'D M d, yy', 
                                firstDay: 1,
      onClose: function( selectedDate ) {
        $( "#datepicker" ).datepicker( "option", "maxDate", selectedDate );
      }
    });     
  });