Javascript 在mobiscroll中添加2个单独的滚动条

我正试图为日期和时间选择器添加单独的滚动条，但由于某些原因，我只能让第一个滚动条工作

HTML:

第一个响应并打开，第二个根本没有响应。

---

有什么想法吗？

这正是它应该如何初始化的，它应该可以工作

检查控制台中的JS错误

尝试一个只包含两个文本框和最少init脚本的简单页面

<div id="set_call_div">
        <label>
            <span>Date:</span>
            <input id="date_scroller" name="date">
        </label>
         <br>
        <label>
            <span>Time:</span>
            <input id="time_scroller" name="time">
        </label>
</div>

$(document).ready(function() {
    $("#date_scroller").mobiscroll().date();
    $("#time_scroller").mobiscroll().time();

});