Question

我正在尝试将2个Jquery脚本放在同一页面上但不能同时运行。总有一种错误。你能告诉我你能不能这样做？

我正在寻找的是一个空白的HTML页面，其中包含2个输入，一个包含datepicker，另一个包含timepickr。

我用javascript真的不是那么好，所以如果有人可以帮助我，那就太棒了。两个链接都提供了2-6个文件来包含，js和css，我不知道要包含哪个文件，以便它们不会相互干扰。我想要两者的最小化实现。

我最近的尝试是：

<link rel="stylesheet" href="js/jquery-ui-1.8.16.custom/development-bundle/themes/base/jquery.ui.all.css">  
<link rel="Stylesheet" media="screen" href="js/ui-timepickr/src/css/ui.timepickr.css" />

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="js/ui-timepickr/page/jquery.utils.js"></script>
<script type="text/javascript" src="js/ui-timepickr/page/jquery.strings.js"></script>
<script type="text/javascript" src="js/ui-timepickr/page/jquery.anchorHandler.js"></script>

<script type="text/javascript" src="js/ui-timepickr/page/jquery.ui.all.js"></script>

<script type="text/javascript" src="js/ui-timepickr/src/ui.timepickr.js"></script>

<script src="js/jquery-ui-1.8.16.custom/development-bundle/ui/jquery.ui.core.js"></script>
<script src="js/jquery-ui-1.8.16.custom/development-bundle/ui/jquery.ui.datepicker.js"></script>    

    <script>
    $(function() {
        $( "#datepicker" ).datepicker();

        $('#ATTRIBUT_38').timepickr({
               convention:24,
               rangeMin: ['05','10','15','20','25','30','35','40','45','50','55'],
               rangeHour24: [$.range(8, 12), $.range(12, 21)],
               prefix: ['Avant-midi','AprÃ¨s-midi & SoirÃ©e'],
               suffix: ['Avant-midi','AprÃ¨s-midi & SoirÃ©e']
             });

    });

    </script>
</head>
<body>

<div class="demo">

Date: <input type="text" id="datepicker">
<input id="ATTRIBUT_38" type="text" value="02:30">
</body>
</html>

Answer 1

timepickr和jQuery UI的问题自jQuery UI 1.8以来就存在并且已经在2010年4月报道了。似乎还没有正式的bug修复:-(但这里有一个可行的黑客攻击：http://code.google.com/p/jquery-utils/issues/detail?id=48#c4 无论如何，我建议使用另一种TimePicker（例如，上面已经提出的Tim）

在同一页面中添加2个jquery脚本... 1对2工作

1 个答案: