首页>Program>source

所以这是设置: 我在jquery选项卡内,jquery模态对话框窗口内有两个jquery datepicker:

\---/\---/\---/_______________
/                            /
\                            \
/  DATEPICKER1               /
\                            \
/  DATEPICKER2               /
\                            \
/                            /
\                            \
/____________________________/

第一个日期选择器正常运行,但是当我尝试单击第二个日期选择器中的日期时,它只是激活了第一个日期选择器.你遵循了吗? :)

因此,总而言之,单击datepicker2中的日期会激活datepicker1。

我不知道为什么会这样-它们具有不同的ID和名称,如下所述。

要创建我仅使用的日期选择器:

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

这些字段很简单:

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

我正在使用jQuery v1.9.0和jQueryui v1.10.0。

对此有何想法? 请注意,由于雇主的限制,我无法发布实际代码,但是如果您需要任何说明,我可以回答大多数问题.任何帮助都将不胜感激!

最新回答
  • 1月前
    1 #

    UPDATE: 看起来下面描述的行为已在此处的另一个stackoverflow问题中得到解决:
    防止jQuery UI对话框将焦点设置到第一个文本框

    对"重复"问题的道歉-如果我知道这是个问题,我会很快解决的!!!

    ############################################## ################################

    好吧,解决方法很简单,也许有人可以启发我为什么使用这种方法,因为目前我有点头绪。

    这就是我所做的:
    我在表单中添加了两个文本输入字段(它们是必需的),并对布局进行了重新排序,以便这些新输入字段之一是"第一个"元素(在左上角),如下所示:

    \---/\---/\---/_______________
    /                            /
    \                            \
    /  TEXTFIELD1   DATEPICKER1  /
    \                            \
    /  TEXTFIELD2   DATEPICKER2  /
    \                            \
    /                            /
    \                            \
    /____________________________/
    

    问题突然消失了! 但是,我注意到一个有趣的行为:
    当我在EITHER日期选择器中选择一个日期时,光标随后立即跳回到第一个文本字段。 因此,如果在没有文本字段的日期选择器中发生这种情况,则该行为意味着光标将立即跳回到第一个日期选择器,这可能会导致我遇到问题。

    现在,至于为什么以这种方式工作,我不知道.我尝试为各种文本字段/日期选择器设置tabindex参数,但这并没有改变行为。

    无论如何,我感谢所有参与的人的输入-这是一个奇怪的问题,但是我永远不会忘记现在如何解决它.谢谢大家的帮助!

  • 1月前
    2 #

    试试这个朋友: 在您的JS中

    $(function() {   
           $( "#from" ).datepicker({   
          defaultDate: "+1w",  
          changeMonth: true,   
          numberOfMonths: 1,  
          onClose: function( selectedDate ) {  
            $( "#to" ).datepicker( "option", "minDate", selectedDate );  
          }  
        });  
        $( "#to" ).datepicker({
          defaultDate: "+1w",
          changeMonth: true,
          numberOfMonths: 1,
          onClose: function( selectedDate ) {
            $( "#from" ).datepicker( "option", "maxDate", selectedDate );
          }
        });  
      });  
     
    
    	<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"/>
    
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
      <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
    Start date: <input type="text" id="from" name="from"> 
    End date: <input type="text" id="to" name = "to">
    

    在您的输入中

    开始日期:输入type =" text" id =" from" name =" from"

    结束日期:输入type =" text" id =" to" name =" to"

    这对我有用:)

    由MacElie M。

  • 1月前
    3 #

    我认为您还有另一个代码会干扰javascript 这个:http://jsfiddle.net/fMD62/

    工作完美(与jquery 1.9.1和jqueryui 1.9.2

    也许尝试

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

  • 1月前
    4 #

    这是黑暗中的总镜头,但是您是否尝试过分别初始化每个镜头? 类似于以下内容

    $(function() {
        $('.datepicker').each(function(){
            $(this).datepicker();
        });
    });
    

    这可能是其他人提到的内容,并且您在代码中遇到某种形式的干扰,但是值得一试。

  • 1月前
    5 #

    在您的示例中,两个日期选择器都具有不同的id和名称,但是, 您描述的问题恰恰是如果您对两者使用相同的名称会发生​​什么情况。

    您的实际代码是否为两个日期选择器使用了不同的ID和名称?

  • css:引导程序如何在全高清(1920×1080)手机上工作?
  • user interface:Ruby对GUI开发有好处吗?